load事件
onload事件句柄
onload 事件会在页面或图像加载完成后立即发生。写在body中
setInterval()可按照指定的 周期（以毫秒计）来调用函数或计算表达式
clearInterval()清除setInterval()的调用
setTimeout() 方法用于在 指定 的毫秒数后调用函数或计算表达式。setTimeout(code,millisec)
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author" content=""> 7 <meta name="Keywords" content=""> 8 <meta name="Description" content=""> 9 <title>网页时钟</title> 10 </head> 11 <!--load事件 12 onload事件句柄 13 onload 事件会在页面或图像加载完成后立即发生。写在body中 14 --> 15 <body onload="startTime()"> 16 <!-- 17 setInterval()可按照指定的 周期（以毫秒计）来调用函数或计算表达式 18 clearInterval()清除setInterval()的调用 19 setTimeout() 方法用于在 指定 的毫秒数后调用函数或计算表达式。setTimeout(code,millisec) 20 clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。 21 --> 22 <script type="text/javascript"> 23 function openTime(){ 24 //获取系统当前时间 25 var nowtime=new Date().toLocaleString(); 26 //获取div 27 var divId=document.getElementById("divId"); 28 //把当前时间放入div中 29 divId.innerHTML=nowtime; 30 } 31 function startTime(){ 32 //setInterval()可按照指定的周期（以毫秒计）来调用函数或计算表达式 33 //setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 34 id=window.setInterval("openTime()",1000); 35 } 36 function closeTime(){ 37 //使用clearInterval() 38 window.clearInterval(id); 39 } 40 </script> 41 <input type="button" value="开始" onclick="startTime()"> 42 <input type="button" value="结束" onclick="closeTime()"> 43 <div id="divId"></div> 44 45 </body> 46 </html>