设置定时器:
1、setTimeout
<script> setTimeout( function a(){ alert('hello'); },1000; //这里的时间的单位是毫秒。 ); </script>
2、setinterval
<script> setInterval( function(){ console.log('hello'); },1000 //这里的时间的单位为毫秒,以此时间为间隔重复执行函数 ); </script>
清除定时器方法:
1.clearTimeout
clearTimeout(timeoutID) :清除只执行一次的定时器(setTimeout函数)。
timeoutID 为调用 setTimeout 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setTimeout 所设定的定时执行操作。
<script> var t1 = setTimeout( function(){ alert('hello'); },5000; //定时器5s后执行 ); clearTimeout(t1 , 3000); //在定时器执行前清除定时器 </script>
2. clearInterval
clearInterval(timeoutID): 清除反复执行的定时器(setInterval函数)。
timeoutID 为调用 setInterval 函数时所获得的返回值,使用该返回标识符作为参数,可以取消该 setInterval 所设定的定时执行操作。
<script> var t1 = setInterval( function () { console.log('hello'); }, 5000 //定时器5s后执行 ); clearInterval(t1, 3000); //轮循定时器开始前清除定时器 </script>
总结
1.定时器的使用
只执行一次函数的定时器, 对应的代码是setTimeout()函数
反复执行函数的定时器, 对应的代码是setInterval()函数
2.清除定时器
清除只执行一次函数的定时器, 对应的代码是clearTimeout()函数
清除清除反复执行的定时器, 对应的代码是clearInterval()函数