setInterval()和setTimeout()
window.setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
window.clearInterval() 方法可取消 setInterval() window.clearInterval()
方法的参数必须是由 setInterval() 返回的 ID 值。
实时显示日期:
1 var i=0; 2 3 function abc() 4 { 5 var mytime=new Date(); 6 var mydiv=document.getElementById('abc'); 7 mydiv.innerText=mytime.toLocaleString(); 8 if(++i==5) 9 { 10 window.clearInterval(res); 11 } 12 13 } 14 15 var res=window.setInterval("abc()",1000);
您也可以使用一个按钮来打开定时器和关闭定时器
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content" content="text/html;charset=utf-8"> <script type="text/javascript" charset="utf8"> var arr; function w() { arr=window.setInterval("clock()"); } function clock() { var t=new Date(); var wang=document.getElementById("clock"); wang.innerText=t.toLocaleString(); } </script> </head> <body> 当前时间是:<span id="clock"></span> <input onclick="window.clearInterval(arr)" type="button" value="停止计时器"> <input onclick="w()" type="button" value="开始计时器"> </body> </html>
利用定时器数秒:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" charset="utf-8" > var i=10; function CountTime() { i--; mybut.value="同意"+i; if(i==0) { //让这个按钮可用 mybut.disabled=false; window.clearInterval(mytimer); mybut.value="同意"; } } var mytimer=window.setInterval("CountTime()",1000); </script> </head> <body> <input type="button" disabled="true" value="同意 10" id="mybut"><br/> </body> </html>
转载或分享请注明地址!尊重他人劳动成果就是尊重自己 谢谢