如何在HTML中實現此JavaScript

-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>

來源

2014-10-30 Dragana

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

編輯你的身體標記

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

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

來源

2014-10-30 12:17:16

只要做到這一點：

<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>

來源

2014-10-30 12:02:14 EpokK

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

其中一人可能是這樣的：

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

DEMO FIDDLE

來源

2014-10-30 12:02:40 Jinandra

您需要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>

來源

2014-10-30 12:02:56

如何在HTML中實現此JavaScript

回答

相關問題