Javascript 的定时器 setInterval,setTimeout,cl…

2018-06-24 00:44:09来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

今天开通博客、来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)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Webpack打包构建太慢了?试试几个方法

下一篇:【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解