js|js 计时器(setTimeout,setInterval)
在使用过程中发现setTimeout()和setInterval()两个计时还是有区别的。来总结一下吧。今天又是新的一天,前一天睡得晚,现在有点困困的,希望学习可以拯救我这萎靡不振的心。(⊙︿⊙)
进入正题:
1.setTimeout():有两个参数,第一个是要调用的js代码,第二个是在执行前需要等待的时间。setTimeout()只执行一次,不会重复执行,但是可以自身调用让其重复执行。
与其对应的是 clearTimeout()去结束执行 。
2.setInterval(): 同样有两个参数,第一个是执行的js代码,第二个是执行的间隔时间。
setInterval() 方法会不停地调用函数(重复执行其内容),直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
与其对应的就是 clearInterval()结束重复执行。
【js|js 计时器(setTimeout,setInterval)】区别:
- setTimeout只运行一次,运行完后即结束。如果想要再次运行同样的setTimeout命令(即 要循环运行),需函数自身再次调用 setTimeout();而 setInterval是循环运行的,即每到设定时间间隔就触发指定代码。这是真正的定时器。
- setInterval使用简单,而setTimeout则比较灵活,可以随时退出循环,而且可以设置为按不固定的时间间隔来运行,比如第一次1秒,第二次2秒,第三次3秒。
- setTimeout结束计时后,再点击还可以继续计时,而setInterval点击结束后不可再执行。
推荐阅读
- 2018-05-30闭包和函数
- 学习PHP中的高精度计时器HRTime扩展
- promise与setTimeout的执行顺序问题
- Android CountDownTimer倒计时器的使用
- BOOST-计时器-同步、异步(boost::asio::deadline_timer)
- 两种定时器方法的区别
- TIM-计时器学习笔记
- 想要成功(你不得不get的计时器法宝)
- JS实现一个秒表计时器
- 详解JavaScript的计时器和按钮效果设置