Javascript 的定时器 setInterval,setTimeout,clearInterval

时间 2019-11-08

标签 javascript 定时器 setinterval settimeout clearinterval 栏目 JavaScript 繁體版

原文原文链接

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

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

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

单次定时器即执行htm

 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次

单次延迟定时器blog

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

屡次执行定时器和clearInterval清除定时器get

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])io

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

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

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

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

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