码迷,mamicode.com
首页 > Web开发 > 详细

js定时器

时间:2019-10-22 10:46:41      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:code   ons   set   div   log   span   class   延时   使用   

1、执行一次定时器(延时定时器)

var t1 = window.setTimeout(function() {
console.log(‘1秒钟之后执行了’)
},1000)
window.clearTimeout(t1) // 去除定时器

2、重复执行(间歇定时器)

var t2 = window.setInterval(function() {
console.log(‘每隔1秒钟执行一次’)
},1000)
window.clearInterval(t2) // 去除定时器

注意:

单纯的使用setInterval会导致页面卡死,其原因与JS引擎线程有关,用通俗话说就是setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死你的网页。但是setTimeout是自带清除定时器的
setInterval(function() {
setTimeout(function() {
console.log(‘1秒钟之后执行了’)
},0)
},1000)
setInterval必须放在外层(在内层会导致页面卡顿直到崩溃),内层配合setTimeout,即可无限次调用

js定时器

标签:code   ons   set   div   log   span   class   延时   使用   

原文地址:https://www.cnblogs.com/Lonnn/p/11718180.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!