2015-02-09 59 views
0

我想在我上課的網站上顯示當前時間,但我找不到這樣做的方法。他們是在代碼中顯示實時的方式嗎?如果是這樣,你怎麼做?如何在網頁上顯示當前時間?

+1

可能重複: //stackoverflow.com/questions/6787374/how-to-display-system-time) – 2015-02-09 17:04:55

回答

6

您可以先創建一個元素很容易做到這一點:

<span id="clock"></span> 

,然後讓一個引用該元素:

var clockElement = document.getElementById("clock"); 

下一步我們需要將更新的功能內容與時間:

function updateClock (clock) { 
    clock.innerHTML = new Date().toLocaleTimeString(); 
} 

最後,我們要確保我們要調用th是每秒保持時鐘最新:

setInterval(function() { 
    updateClock(clockElement); 
}, 1000); 

所以,當我們把它放在一起,它看起來是這樣的:

(function() { 

    var clockElement = document.getElementById("clock"); 

    function updateClock (clock) { 
    clock.innerHTML = new Date().toLocaleTimeString(); 
    } 

    setInterval(function() { 
     updateClock(clockElement); 
    }, 1000); 

}()); 
[如何顯示系統時間?(HTTP的