首页 > 编程语言 > 详细

javacript计时

时间:2017-07-05 13:10:16      阅读:267      评论:0      收藏:0      [点我收藏+]

简单的计时:

var t=setTimeout("alert(‘5 秒!‘)",5000)

 

无限计时:

var c=0
var t
function timedCount()
{
document.getElementById(‘txt‘).value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

实现一个暂停计时和重新开始计时的效果:

<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)
}

function stopCount()
{
c=0; //1
setTimeout("document.getElementById(‘txt‘).value=0",0) //2
/*若果上面2句不加就是一个暂停计时效果,加了就是重新计时效果*/
clearTimeout(t);
}
</script>
</head>

<body>

<form>
<input type="button" value="开始计时!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时!" onClick="stopCount()">
</form>

</body>

</html>

 实现一个时钟:

function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById(‘txt‘).innerHTML=h+":"+m+":"+s
t=setTimeout(‘startTime()‘,500)
}

function checkTime(i)
{
if (i<10) 
  {i="0" + i}
  return i
}

 

javacript计时

原文:http://www.cnblogs.com/leomei91/p/7120284.html

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