首页 > 代码库 > 定时器复习
定时器复习
//设置一个定时器(setTimeout)等到1000ms后开始执行对应的方法,方法执行完成后,定时器结束 window.setTimeout(function(){ },1000); //设置一个定时器(setInterval)等到1000ms后开始执行对应的方法,方法执行完成后,定时器 // 并没有结束,以后每隔1000ms都会把定时器中的方法执行一次。。。直到手动清除定时器为止 window.setInterval(function(){ },1000); //2.设置定时器的时候是有返回值的 //返回的结果是一个数字,代表当前是第几个定时器 var timer1 = window.setTimeout(function(){ console.log("第一个定时器"); },1000); console.log(timer1); var timer2 = window.setTimeout(function(){ console.log("第二个定时器"); },1000); console.log(timer2); var timer3 = window.setTimeout(function(){ console.log("第三个定时器"); },1000); console.log(timer3) // 清除定时器的时候,我们里面放一个数字,代表把这个数字代表的那个第 // n个定时器清除掉 window.clearTimeout(1); // 使用的是setTimeout设置的第二个定时器,使用clearInterval也可以把 // 它清除掉 window.clearInterval(timer2);
3.
// 5秒定时器 var n =0; var timer = window.setInterval(function(){ n++; console.log(n); if(n === 5){ window.clearTimeout(timer); } },1000);*/
// 递归定时器 // setTimeout实现多次运动的动画 var n = 0; var timer = null; function move(){ // 在每一次执行方法之前,先把之前设置的没用的定时器 // 清除掉 n++; console.log(n); if(n === 5){ return; } // 第一次执行完成后,我设置一个新定时器,过1000ms后在重新的执行move timer = window.setTimeout(move,1000); } move();
定时器复习
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。