计时器例子
|
1 |
<html> <head> <script type="text/javascript"> 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 } </script> </head>
<body οnlοad="startTime()"> <div id="txt"></div> </body> </html> |
|
2 |
<title>JavaScript小时倒计时代码</title> <style> body{font-family:"微软雅黑";font-size:22px;} </style> <SCRIPT LANGUAGE="JavaScript"> <!-- var maxtime = 60*60 //1小时，按秒计算 function CountDown(){ if(maxtime>=0){ minutes = Math.floor(maxtime/60); seconds = Math.floor(maxtime%60); msg = "距离活动结束还有："+minutes+"分"+seconds+"秒"; document.all["timer"].innerHTML=msg; if(maxtime == 5*60) alert('注意，还有5分钟!'); --maxtime; } else{ clearInterval(timer); alert("时间到，活动已结束!"); } } timer = setInterval("CountDown()",1000); //--> </SCRIPT> <body><div id="timer" style="color:red">倒计时马上开始……</div></body> |
<p id="time">30:00</p>