1

サイトで 3 つの異なる動的タイムゾーン クロックを取得しようとしています。このサイトで見つけた次の js コードがあります (myClocks.js として保存され、html サイトのヘッダーに含まれています):

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、次のようになります。

ニューヨーク: 02:12:02 パリ: 17:01:24 モスクワ: 22:23:42

よろしくお願いします。

4

3 に答える 3

1 
<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-20T10:14:44.683 に答える
0

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-20T10:08:28.217 に答える
0

div またはその他の HTML を作成し、「innerHTML」を使用できます。

document.getElementById("clocks").innerHTML = clock1.getUTCHours();
于 2013-07-20T10:09:45.630 に答える