码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript计时器

时间:2017-05-02 23:34:29      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:eth   date()   val   targe   rtti   txt   var   span   时间间隔   

1.计时事件:
什么是JavaScript的计时事件? 我们有能力做到在设定一个时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称之为计时事件


2.计时方法:
1).setInterval() -间隔指定的毫秒数不停地执行指定的代码
clearInterval() 方法用于停止setInterval()方法执行的函数代码
setInterval()接收2个参数

2).setTimeout()-暂停指定的毫秒数后执行指定的代码
clearTimeout() -方法用于停止执行setTimeout()方法的函数代码
setTimeout()也是接收2个参数

 1 function startTime(){
 2     var today = new Date();
 3     var h = today.getHours();
 4     var m = today.getMinutes();
 5     var s = today.getSeconds();
 6     m = checkTime(m);
 7     s = checkTime(s);
 8     document.getElementById("timetxt").innerHTML = h + ":" + m + ":" +s;
 9     t = setTimeout(function(){
10         startTime();
11     }, 500); 
12 }
13 
14 function checkTime(i){
15     if(i<0){
16         i = "0" + i ;
17     }
18     return i;
19 }

第9行,调用setTimeout函数,然后使用递归模式,在500毫秒后再调用自己


3.它们都是window对象的方法,所以在书写时可以不用写window了

返回

JavaScript计时器

标签:eth   date()   val   targe   rtti   txt   var   span   时间间隔   

原文地址:http://www.cnblogs.com/zhuji/p/6798723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!