如何用Javascript更改當前時間

我想在我的網頁上顯示當前時間。當我推F5，我可以得到時間，但它不會改變。幫助我..如何用Javascript更改當前時間

HTML

 <div id="time" class="timer"> 
      show_time 
     </div>

的Javascript

var text2 = document.getElementById("time"); 
var now = new Date(); 
var hours = now.getHours(); 
var minutes = now.getMinutes(); 
var seconds = now.getSeconds(); 
var dn = "PM"; 
if (hours<12) 
    dn="AM"; 
if (hours>12) 
    hours=hours-12; 
if (hours==0) 
    hours=12; 
if (minutes<=9) 
    minutes="0"+minutes; 
if (seconds<=9) 
    seconds="0"+seconds; 
setInterval(setTime, 1000); 
function setTime(){ 
    text2.innerHTML ="현재 시간: <br>"+ hours + ':' + 
    minutes + ':' + seconds+ "<bn>"+dn; 
} 

setTime();

謝謝！

來源

2017-11-25 WonGyeong

試試這個

const el = document.getElementById('nav-time'); 
 

 
function updateClock() { 
 
    var now = new Date(); 
 
    var time = now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds(); 
 
     
 
    el.innerHTML = time;  
 
} 
 

 
setInterval(updateClock, 1);

<li><span id="nav-time">Clock 
 
<span class="divider"> | </span>

來源

2017-11-25 13:50:07

哇它的作品價值！我正在處理這個問題這麼久。謝謝。你能解釋一下'const'是如何完成這項工作的嗎？ – WonGyeong

@WongGyeong感謝您的評論以下是MDN文檔javascript日期通過它你會發現一切有關日期https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date –

它是真的很棒的網站。謝謝！ – WonGyeong

function setTime(){ 
    document.getElementById("time").innerHTML ="현재 시간: <br>"+ hours + ':' + 
    minutes + ':' + seconds+ "<bn>"+dn; 
}

你要的東西添加到您當前的代碼，以便您setTime功能實際上增加其輸出到DOM。我用document.getElementById("time")來添加從你的功能到頁面的時間。

來源

2017-11-25 13:51:56

謝謝！您的評論幫助了我很多 – WonGyeong

你需要得到函數內部的當前時間，否則將返回，你有當函數被調用的冷杉時間

function setTime(){ 

var text2 = document.getElementById("time"); 
var now = new Date(); 
var hours = now.getHours(); 
var minutes = now.getMinutes(); 
var seconds = now.getSeconds(); 
var dn = "PM"; 
if (hours<12) 
dn="AM"; 
if (hours>12) 
hours=hours-12; 
if (hours==0) 
hours=12; 
if (minutes<=9) 
minutes="0"+minutes; 
if (seconds<=9) 
seconds="0"+seconds; 

    text2.innerHTML ="현재 시간: <br>"+ hours + ':' + 
    minutes + ':' + seconds+ "<bn>"+dn; 
} 

setTime(); 

setInterval(setTime, 1000);

https://jsfiddle.net/1gc8ymkd/

來源

2017-11-25 13:56:41

感謝您的友好評論！ – WonGyeong

如何用Javascript更改當前時間

回答

相關問題