首页 > 代码库 > JavaScript计时器

JavaScript计时器

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