Javascript 的定时器 setInterval,setTimeout,clearInterval

时间:2022-01-06 03:26:12

今天开通博客、来1个、哇哈哈哈~~

今天本来想复习BOM的看到定时器也算DOM一种 ?(是这样吗)、分享一下

参考源于:八神吻你 http://www.cnblogs.com/lmfeng/archive/2011/06/24/2089237.html

单次定时器即执行

 1     //单次定时器即执行
2
3 setInterval(console.log(1),1000); //执行1次
4
5 //------------------------------------
6
7 var a = function(){
8 console.log(1);
9 };
10
11 setInterval(a(),1000); //执行1次
12
13 //------------------------------------
14
15 setTimeout(console.log(1),1000); //执行1次

单次延迟定时器

1 //单次延迟定时器
2 var a = 0;
3 var b = setTimeout(function(){
4 a++;
5 console.log(a); //赋值隔等待时间执行
6 },1000);

多次执行定时器和clearInterval清除定时器

1 //多次执行和clearInterval 清除定时器
2 var a = 0;
3 var b = setInterval(function(){
4 a++;
5 console.log(a);
6 if(a == 5){clearInterval(b)} //clearInterval
7 },1000); //执行多次

setInterval语法

setInterval(function,interval[,arg1,arg2,......argn])

1     function show(str){                             //arguments
2 console.log(str)
3 }
4
5 setInterval(show,1000,111); //arguments

setInterval(object,methodName,interval[,arg1,arg2,.....argn])★ 这个待续

另外以前在鑫空间看到、requestAnimationFrame()、感觉方法类是、这个也待续、-。*

 

最后分享一个倒时器代码、写的并不细致、只是提供思路、有小伙伴完善希望也可以分享给我

1 //倒计时
2 var num = 10;
3 var setTime = setInterval(function(){
4 num--;
5 console.log(num);
6 if(num == 0 ) clearInterval(setTime);
7 },1000)