首页 > 编程语言 > 详细

JavaScript计时器

时间:2017-05-02 23:21:08      阅读:227      评论:0      收藏:0      [点我收藏+]

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计时器

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!