发表于: 2021-09-11 23:59:34

0 1460


js 定时器有以下两个方法:

  • setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
  • setTimeout() :在指定的毫秒数后调用函数或计算表达式。



以下实例在每 1000 毫秒执行 clock() 函数。实例中也包含了停止执行的按钮:







注意事项

调用定时器时,连续点击按钮,定时器间隔的时间会变短。

造成这个情况的原因很简单,多次启动setInterval事件会造成定时器的时间叠加 这样当然会越来越快。

解决方案:

在函数内部,我们可以先清除定时器,再设置定时器。这样的话,每次点击事件发生时,都把前一个定时器清除,再重先开启一个新的定时器。






返回列表 返回列表
评论

    分享到