定时器
Posted 龚轩明
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了定时器相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>js练习 js是脚本语言直接运行在浏览器上的。</title> 6 <script type="text/javascript"> 7 var myinterval=""; 8 window.onload=function() {//当整个页面加载完以后再回来执行这个代码段 9 myinterval=window.setInterval(getDatenow,1000);//每隔一千毫秒执行一次这个函数 10 } 11 12 function getDatenow(){ 13 var nowdate=new Date(); 14 var a=nowdate.getFullYear(); 15 var b=nowdate.getMonth(); 16 var c=nowdate.getDate();//返回一个月中的天 17 var d=nowdate.getHours(); 18 var e=nowdate.getMinutes(); 19 var f=nowdate.getSeconds(); 20 var str=a+"-"+b+"-"+c+" "+d+":"+e+":"+f; 21 document.getElementById("span01").innerHTML=str; 22 } 23 function stoptime() { 24 window.clearInterval(myinterval);//清除计时器 25 } 26 function starttime() { 27 window.setInterval(getDatenow,1000);//重新开始计时器 28 } 29 30 </script> 31 </head> 32 <body> 33 <span id="span01"></span> 34 <input onclick="stoptime();" type="button" value="停止"> 35 <input onclick="starttime();" type="button" value="开始"> 36 </body> 37 </html>
以上是关于定时器的主要内容，如果未能解决你的问题，请参考以下文章