【分享帖】关于定时器的使用

[Kylin6]

1. setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。
2. setInterval() setInterval函数的用法与setTimeout完全一致，区别仅仅在于setInterval指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行。
3. clearTimeout()，clearInterval() setTimeout和setInterval函数，都返回一个表示计数器编号的整数值，将该整数传入clearTimeout和clearInterval函数，就可以取消对应的定时器。
4. 阮一峰的定时器教程

发现很多人都使用定时器来完成自己的效果，但是没有使用关闭定时器的函数。这样子会出现一个bug，当多次点击启动定时器的按钮或者说是调用定时器函数，它将会逐渐的变快。原因是 定时器被多次开启没有被关闭，导致一个函数被多个定时器加载而产生的bug。 解决方法：点击启用定时器的时候先关闭当前定时器，在重新运行。使用clearTimeout()，clearInterval()关闭。 参考案例：表格的颜色控制

[RubinTry]

nice

[zptcsoft]

good!

[zptcsoft]

MDN定时器教程 定时器实现的文字动画效果

[FullOfVigour]

beautiful！

[wangzhaojin66]

unbelievable

[Stealth2]

perfect！

[zptcsoft]

深入理解定时器系列第一篇——理解setTimeout和setInterval 深入理解定时器系列第二篇——被誉为神器的requestAnimationFrame 深入理解定时器系列第三篇——定时器应用(时钟、倒计时、秒表和闹钟)