Rumah >hujung hadapan web >tutorial js >JavaScript实现钟表

JavaScript实现钟表

高洛峰
高洛峰asal
2016-11-26 11:31:331412semak imbas

[html] 

<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(&#39;txt&#39;).innerHTML=h+":"+m+":"+s 
t=setTimeout(&#39;startTime()&#39;,500) 
} 
 
function checkTime(i) 
{ 
if (i<10)  
  {i="0" + i} 
  return i 
} 
</script> 
</head> 
 
<body onload="startTime()"> 
<div id="txt"></div> 
</body> 
</html>

20120301085946697.png

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:JavaScript的面向对象设计Artikel seterusnya:JavaScript实现的日期控件