JS数据驱动的定时器开关(可暂停)

JavaScript09

JS数据驱动的定时器开关(可暂停),第1张

原本我们若想将一个定时器暂停或清除,我们通常会用clearInterval()的方法。我们在setInterval时存储这个Interval的id,之后再需要暂停时通过id查找并清除该定时器(甚至需要记录请出时变化的数据),等到需要定时器继续运转我们就setInterval()在创建一次。

本次在大量使用定时器的过程中,为了优化繁琐的操作,我给定时器内部回调函数添加了数据驱动, 每个操作对应 一个常驻定时器 只在页面初始化时创建一次定时器,后续不再重新创建或释放

接下来我会举几个本次做的例子:

如果我们用传统释放定时器的方式,那么释放时我们还需记录运行时间,当前状态等。重新创建我们还需要把记录的值传递进去,不甚繁琐。

以上两个例子就是本次思想的精髓, 之后准备二次封装一个新的定时器,敬请期待

做完了: 数据驱动二次封装定时器工具类

球球你们看完点个赞吧。

js在切换程序中写状态togglebutton开关按钮。不过ToggleButton、Switch与CheckBox的区别主要体现在功能上,ToggleButton、Switch通常用于切换程序中的某种状态。

单选按钮的特点是:1、只要你用鼠标点了任何一个按钮,这个按钮的状态就一定是选中的,你不可能通过鼠标点击把一个选中状态的单选按钮改为未选中;

2、只要有一个单选按钮是选中的,同组的另两个单选按钮就一定是未选中的

所以,问题就简单了,只要在单选按钮的click事件中把开关设为打开就OK了,别的代码都不用写,也不需要判断单选按钮的状态,因为这个时候百分百可以肯定有一个按钮的状态是选中的。