Javascript 的定時器 setInterval,setTimeout,clearInterval

今天開通博客、來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)