从今天起每天上传一篇js的知识今天 总结JavaScript 计时器setTimeout()与setInterval()是原生JS很
2016-10-10 21:20
661 查看
**计时器setTimeout()与setInterval()是原生JS很重要且用处很多的两个方法, 但很多人一直误以为是相同的功能: 间隔时间重复执行传入的句柄函数. 但实际上, 并非如此, 既然JS给出了两个不同的命名, 肯定有其迥异之处.
先来看看两者JS手册及英文词典上的解释:
JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式;
英文释义»timeout() : 超时;暂时休息;工间休息;
JS手册»setInterval() : 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;
英文释义»interval() : 间隔;间距;幕间休息;
不难看出, 只要我们仔细体会JS手册及命名释义, 就能很容易的区分开两者的区别. 简单的说, 两才的区别在于, setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().
为了使迷惑者更容易理解, 特意写了个例子: 点此查看DEMO
至于用法, 就不用多说了, 明白两者区别后, 该知道怎么取舍了.**
先来看看两者JS手册及英文词典上的解释:
JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式;
英文释义»timeout() : 超时;暂时休息;工间休息;
JS手册»setInterval() : 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;
英文释义»interval() : 间隔;间距;幕间休息;
不难看出, 只要我们仔细体会JS手册及命名释义, 就能很容易的区分开两者的区别. 简单的说, 两才的区别在于, setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数. setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().
为了使迷惑者更容易理解, 特意写了个例子: 点此查看DEMO
至于用法, 就不用多说了, 明白两者区别后, 该知道怎么取舍了.**
相关文章推荐
- 用JS写的计时器setTimeout与setInterval
- Javascript 笔记与总结(2-13)定时器 setTimeout 和 setInterval
- JS关于时间计时器setTimeout()和setInterval()实例
- javascript原生DOM知识总结
- js中setTimeout和setInterval性能详解总结
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- js学习--浏览器对象计时器setInterval()与setTimeout()的使用与区别
- 总结获取原生JS(javascript)的父节点、子节点、兄弟节点
- Javascript之计时器知识总结
- 【JavaScript 基础知识】一篇关于 JavaScript 一些知识点的总结 —— 持续更新
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- JS中的间歇调用setInterval()与超时调用setTimeout()相关总结
- JS基础知识梳理--setTimeout()&setInterval()
- javascript的setTimeout()用法总结,js的setTimeout()方法
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Javascript中的setInterval和setTimeout的使用总结
- 每天一篇javascript学习小结(基础知识)
- js计时器方法 setInterval(),setTimeout()
- js中setTimeout和setInterval性能详解总结
- javascript的setTimeout()用法总结,js的setTimeout()方法