在javascript中可以通过定时事件setinterval和clearinterval来制作定时器效果,其中setinterval方法是按照指定的周期来调用函数或计算表达式。
本文操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
今天将和大家分享有关javascript中定时器的知识,有一定的参考价值,希望对大家有所帮助。
通过javascript中的定时事件setinterval和clearinterval() 可以制作一个简单的定时器效果,在接下来的文章中为大家详细介绍。
setinterval() 方法
是按照指定的周期(以毫秒为单位)来调用函数或计算表达式。
setinterval(code,millisec[,"lang"])
code:要调用的函数或要执行的代码
millisec:周期性执行或调用 code 之间的时间间隔,以毫秒为单位
如果调用了setinterval() 方法那么它就会不停地调用函数,直到 clearinterval() 函数的出现或者窗口被关闭,而且 setinterval() 返回的 id 值可以用作 clearinterval() 方法的参数。
但是setinterval() 方法的计时有一定的误差
settimeout() 方法
用于在指定的毫秒数后调用函数或计算表达式,但只调用一次,同样有cleartimeout()方法用来清除 settimeout()让他停止执行
案例分享
用setinterval() 方法写一个两分钟以内的定时器
<!doctype html><html><head><meta charset="utf-8"><title>document</title><style>input{width:100px;height:40px;background:pink;color:#fff;font-size: 20px;text-align: right;}</style></head><body>分钟:<input type="text" value="0">秒数:<input type="text" value="0"><script src="tool.js"></script><script>var minutes=document.getelementsbytagname("input")[0];var seconds=document.getelementsbytagname("input")[1]; var minutes1=0; var seconds1=0; var timer=setinterval(function(){ //秒数自增,当秒数增加到60时分钟自增,秒数清零 seconds1++; if(seconds1==60) {seconds1=0; minutes1++; } minutes.value=minutes1; seconds.value=seconds1; if(minutes1==2)//到两分钟的时候定时器清除 {clearinterval(timer);} },100) </script></body></html>
总结:以上就是本篇文章的全部内容了。希望对大家学习定时事件有所帮助。
以上就是如何利用javascript中的定时事件做一个定时器的详细内容。