码迷,mamicode.com
首页 > 编程语言 > 详细

javacript计时

时间:2017-07-05 13:49:43      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:head   return   turn   orm   简单的   document   tar   out   front   

简单的计时:

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

标签:head   return   turn   orm   简单的   document   tar   out   front   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!