js 定时器的用法和清除
一、设置定时器
window对象提供了两个方法来实现定时器的效果,
分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:
window.setTimeout(code,millisec);
1 var i = 0; 2 //设置定时器(循环去执行) 3 var timeId = setInterval(function () { 4 i++; 5 console.log('定时运行:' + i + '次') 6 }, 500) 7 8 //清理定时器 9 my$('btn').onclick = function () { 10 window.clearInterval(timeId) 11 }
window.setInterval(code,millisec);
其中,code可以是用引号括起来的一段代码,也可以是一个函数名,到了指定的时间,系统便会自动调用该函数,当使用函数名作为调用句柄时,不能带有任何参数;
而使用字符串时,则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec,表示延时或者重复执行的毫秒数。
二、清除定时器
由于定时器在调用时,都会返回一个整形的数字,该数字代表定时器的序号,即第多少个定时器,所以定时器的清除要借助于这个返回的数字。
定时器清除的方法:clearTimeout(obj)和clearInterval(obj)。(注意对于的定时器用对于的清除方法)
本文来自学习小花,作者:aixuexi666888,转载请注明原文链接:https://www.cnblogs.com/aixuexi666888/p/15551110.html