javacript计时

Posted 开飞机的贝塔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javacript计时相关的知识,希望对你有一定的参考价值。

简单的计时:

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计时的主要内容,如果未能解决你的问题,请参考以下文章

如何在使用片段和计时器的选项卡式活动上更新 UI

JUC并发编程 共享模式之工具 JUC CountdownLatch(倒计时锁) -- CountdownLatch应用(等待多个线程准备完毕( 可以覆盖上次的打印内)等待多个远程调用结束)(代码片段

Javacript的变量和输出

Javacript实现一个广告飘窗或小球反弹特效

如果用户没有使用浏览器,则jQuery计时器停止

a标签中href="javacript:;" href="javacript:void;" href="#"区别