如何在我的HTML頁面上顯示JS值

我試圖在我的網站上獲得三個不同的動態時區時鐘。我有以下的js代碼，我在此網站上發現（保存爲myClocks.js，其中包括我的HTML網站的標題）：如何在我的HTML頁面上顯示JS值

var clock1 = new Date(); 
var clock2 = new Date(); 
var clock3 = new Date(); 
clock2.setHours(clock2.getHours() + 3); 
clock3.setHours(clock3.getHours() - 5); 
clock1.getUTCHours(); 
clock1.getUTCMinutes(); 
clock1.getUTCSeconds(); 
clock2.getUTCHours(); 
clock2.getUTCMinutes(); 
clock2.getUTCSeconds(); 
clock3.getUTCHours(); 
clock3.getUTCMinutes(); 
clock3.getUTCSeconds();

如何編寫「顯示」，以顯示它的任何地方我想在我的HTML頁面上？例如，作爲一個ID叫clocks，看起來像下面這樣：

紐約：2時12個02秒巴黎：17時01分24秒莫斯科：22時23分42秒

非常感謝提前。

來源

2013-07-20 João Tiago

你應該學習DOM操作。首先，您可以執行'document.write（clock1）;' – kennypu

請記住，UTC不會將夏令時更改納入考慮範圍 –

我對快速響應感到不知所措，以及每個人在這裏的幫助有多大。然而，我真正想要的是世界時鐘是動態的而不是靜態的。有沒有辦法做到這一點？ –

innerHTML是你需要的。嘗試是這樣的：

window.onload = function(){ // It is important to wait till DOM is ready! 
    var clocks_str = clock3.getUTCHours()+" "+ clock3.getUTCMinutes()+" "+clock3.getUTCSeconds(); 
    document.getElementById("clocks").innerHTML = clocks_str ; 
}

如果你想它的動態，用setInterval方法，像這樣：

var clocks_interval; 
var clocks_box; 

window.onload = startClocks; 

function startClocks(){ 
    clocks_box = document.getElementById("clocks"); 
    clocks_interval = setInterval(updateClocks , 1000); // 1000 means 1 second 
} 

function updateClocks(){ 
    var clocks_str = clock3.getUTCHours()+" "+ clock3.getUTCMinutes()+" "+clock3.getUTCSeconds(); 
    clocks_box.innerHTML = clocks_str ; 
}

來源

2013-07-20 10:08:28 Cherniv

感謝您的幫助。有什麼辦法可以避免使時鐘靜止？（沒有頁面刷新需要看到時間變化） –

@JoãoTiago當然，我已經更新了我的答案，看看 – Cherniv

您可以創建一個div或其他HTML和使用「的innerHTML」。

document.getElementById("clocks").innerHTML = clock1.getUTCHours();

來源

2013-07-20 10:09:45 DhoTjai

<html><head></head><body> 
<script language="javascript"> 
ourDate = new Date(); 
document.write("The time and date at your computer's location is: " 
+ ourDate.toLocaleString() 
+ ".<br/>"); 
document.write("The time zone offset between local time and GMT is " 
+ ourDate.getTimezoneOffset() 
+ " minutes.<br/>"); 
document.write("The time and date (GMT) is: " 
+ ourDate.toGMTString() 
+ ".<br/>"); 
</script> 
</body></html>

來源

2013-07-20 10:14:44

如何在我的HTML頁面上顯示JS值

回答

相關問題