1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <script> 6 //定义一个函数显示当前时间 7 function displayTime(){ 8 //获取id=“clock” 9 var elt=document.getElementById("clock"); 10 //得到当前时间 11 var now=new Date(); 12 //让elt来显示它 13 elt.innerHTML=now.toLocaleTimeString(); 14 //在1秒后执行 15 setTimeout(displayTime,1000); 16 }; 17 window.onload=displayTime; //当onload事件发生时开始显示时间 18 </script> 19 <style> 20 #clock{ 21 font:bold 24pt sans; 22 background: #ddf; 23 padding:10px; 24 border:solid black 2px; 25 -webkit-border-radius: 10px; 26 -moz-border-radius: 10px; 27 border-radius: 10px; 28 } 29 </style> 30 <title>数字时钟</title> 31 </head> 32 <body> 33 34 <h1>时钟来了</h1> 35 <span id="clock"></span> 36 </body> 37 </html>