您当前位置:网站首页 >> 编程开发 >> JavaScript >> JavaScript 实例:无穷循环中的计时事件

JavaScript 实例:无穷循环中的计时事件

2013-10-10 19:42:56 来源:奇库斯(QCOOLS) 浏览:248
关键字:Ja|av|va|aS|Sc|cr|ri|ip|pt|t | 实|实例|例:|:无|无穷|穷循|循环|环中|中的|的计|计时|时事|事件

内容提要:

在一个无穷循环中的计时事件 
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById(

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

<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head></P>
<P><body></P>
<P><form>
<input type="button" value="开始计时!" 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>



相关文章
发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(仅供表达个人看法,并不表明本站同意其观点或证实其描述)
赞助商链接
点击排行