2014-10-30 71 views
-1

這是一個顯示時間的小時,分​​鍾和秒鐘的JavaScript現在秒鐘正在滴答分鐘更改它不是靜態的我有問題。如何在HTML頁面中實現它?如何在HTML中實現此JavaScript

<script type="text/javascript"> 
    function startTime() { 
     var today = new Date(); 
     var h = today.getHours(); 
     var m = today.getMinutes(); 
     var s = today.getSeconds(); 
     m = checkTime(m); 
     s = checkTime(s); 
     document.getElementById('txt').innerHTML = h + ":" + m + ":" + s; 
     t = setTimeout('startTime()', 500); 
    } 

    function checkTime(i) { 
     if (i < 10) { 
      i = "0" + i; 
     } 
     return i; 
    } 
</script> 
+3

''之前,並且在你的html中有一個id爲「txt」的元素 – 2014-10-30 12:00:16

回答

1

編輯你的身體標記

<body onload="startTime()"> 
<span id="txt">10:26:07</span> 

不是添加你想要的時鐘出現

0

只要做到這一點:

<span id="txt"></span> 

<script type="text/javascript"> 
    function startTime() { 
     var today = new Date(); 
     var h = today.getHours(); 
     var m = today.getMinutes(); 
     var s = today.getSeconds(); 
     m = checkTime(m); 
     s = checkTime(s); 
     document.getElementById('txt').innerHTML = h + ":" + m + ":" + s; 
     t = setTimeout('startTime()', 500); 
    } 

    function checkTime(i) { 
     if (i < 10) { 
      i = "0" + i; 
     } 
     return i; 
    } 

    startTime(); 
</script> 
0

可能有這麼多版本的HTML標記爲你的Javascript功能:

其中一人可能是這樣的:

<div id="txt"> 
</div> 
<button type="button" name="click" onclick="startTime()">Click Me!</button> 

DEMO FIDDLE

0
  • 您需要ID txt你的頁面上的元素(看你的腳本。)
  • 您需要啓動/調用你的函數執行startTime();
  • 爲了讓JS DOM解析器找到你#txt地方你<script>在結束</body>標記之前。

<div id="txt"></div> 
 

 
<script type="text/javascript"> 
 
    function startTime() { 
 
     var today = new Date(); 
 
     var h = today.getHours(); 
 
     var m = today.getMinutes(); 
 
     var s = today.getSeconds(); 
 
     m = checkTime(m); 
 
     s = checkTime(s); 
 
     document.getElementById('txt').innerHTML = h + ":" + m + ":" + s; 
 
     t = setTimeout('startTime()', 500); 
 
    } 
 

 
    function checkTime(i) { 
 
     if (i < 10) { 
 
      i = "0" + i; 
 
     } 
 
     return i; 
 
    } 
 
    
 
    startTime(); // Execute 
 
</script>