无穷循环中的计时事件

时间：2013-09-18 09:40 来源：作者：收藏

2345软件教程,为您打造全面的软件教程手册,无论是新奇小软件的操作还是专业软件的使用技巧,2345软件教程都会为您解疑释惑。

核心提示：使用计时事件制作的钟表

在一个无穷循环中的计时事件

<html><head> <div class="ke-script" data-ke-script-attr="%20type%3D%22text/javascript%22">%0Avar%20c%3D0%0Avar%20t%0Afunction%20timedCount%28%29%0A%7B%0Adocument.getElementById%28%27txt%27%29.value%3Dc%0Ac%3Dc+1%0At%3DsetTimeout%28%22timedCount%28%29%22%2C1000%29%0A%7D%0A</div> </head></p><p><body></p><p><form><input type="button" value="开始计时！" data-ke-onclick="timedCount()" /> <input type="text" id="txt" /> </form></p><p><p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p></p><p></body></p><p></html>

带有停止按钮的无穷循环中的计时事件

<html><br /><head><br /><script type="text/javascript"><br />function startTime()<br />{<br />var today=new Date()<br />var h=today.getHours()<br />var m=today.getMinutes()<br />var s=today.getSeconds()<br />// add a zero in front of numbers<10<br />m=checkTime(m)<br />s=checkTime(s)<br />document.getElementById(′txt′).innerHTML=h+":"+m+":"+s<br />t=setTimeout(′startTime()′,500)<br />}<br /><br />function checkTime(i)<br />{<br />if (i<10) <br />{i="0" + i}<br />return i<br />}<br /></script><br /></head><br /><br /><body onload="startTime()"><br /><div id="txt"></div><br /></body><br /></html><br />

使用计时事件制作的钟表

<html><br /><head><br /><script type="text/javascript"><br />var c=0<br />var t<br />function timedCount()<br />{<br />document.getElementById(′txt′).value=c<br />c=c+1<br />t=setTimeout("timedCount()",1000)<br />}<br /><br />function stopCount()<br />{<br />clearTimeout(t)<br />}<br /></script><br /></head><br /><br /><body><br /><br /><form><br /><input type="button" value="开始计时！" onClick="timedCount()"><br /><input type="text" id="txt"><br /><input type="button" value="停止计时！" onClick="stopCount()"><br /></form><br /><br /><p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时，从 0 开始。点击“停止计时”按钮可以终止计时。</p><br /><br /></body><br /><br /></html><br />

开发教程

无穷循环中的计时事件

js/jQuery教程阅读排行

最新文章

服务咨询

整站源码

网站模板

免费源码

关于我们

扫码关注有惊喜