都道府県穴埋めゲーム

ホームページに日本時間と海外の時間をリアルタイムに載せたいと思っています。例えばアメリカ時間と日本時間をページ上に表示させるプログラムを組むことは素人では難しいのでしょうか?

java scriptで書かれたページは見当たるのですが、(http://www.hf.rim.or.jp/~daiji/clock/index.html
やり方を伝授しているホームページが見当たりません。
分かる方、ぜひ教えてくださいませ!!!

A 回答 (4件)

別の地域の時刻は、


getTime, setTimeで設定できます。
ページを見ている人のPCの時刻が日本時間になっていて、
dd = new Date()
でddに日本時間が設定されていれば、
d2 = new Date()
tz_tokyo = -9
tz_newyork = 5
jisa = tz_newyork - tz_tokyo
d2.setTime(dd.getTime()-jisa*3600*1000)
でd2にニューヨークの時刻が設定されます。
で、
とほほさんのページを参考にして日本時間とニューヨーク時間が表示されるコードを書くと、
<html>
<head>
<title>日本とNYの時刻<title>
<script>
function jikoku() {
dd = new Date();
tz_tokyo = -9
tz_newyork = 5
jisa = tz_newyork - tz_tokyo
document.F1.T1.value = dd.toLocaleString();
d2=new Date()
d2.setTime(dd.getTime()-jisa*3600*1000)
document.F1.T2.value = d2.toLocaleString();
window.setTimeout("jikoku()", 1000);
}
</script>
</head>
<body onload="jikoku()">
:
<form name="F1" action="#">
<input type="text" name="T1" size=50>(tokyo)
<br>
<input type="text" name="T2" size=50>(new york)
<br>※上の時刻は正しく表示されないことがあります。<!--見ている人のPCが日本時間になっていないと正しく表示されない-->
</form>
:
</body>
<html>
こんな感じ。

参考URL:http://tohoho.wakusei.ne.jp/js/date.htm
    • good
    • 0

tohohoさんのサイトのJavaScriptの解説のなかで、時計を表示するJavaScriptのソースがみられます。



参考URL:http://tohoho.wakusei.ne.jp/js/start.htm#Dynamic …
    • good
    • 0

英語のサイトですが、下記Gringoes.comというブラジルに住む英語圏の人たちのためのサイトがあります。

Homeを下にスクロールし、一番下にある"Iridium Global Time Converter"というソフトをインストールすると、世界中の時間がいつでも表示できます。
試してみて下さい。

参考URL:http://www.gringoes.com/
    • good
    • 0

HTMLタグであそぼう


http://www4.osk.3web.ne.jp/~kitayan/

ここのJAVASCRIPT サンプル集にひとつソースとサンプルが載ってますよ。
ご希望のものと違うかもしれませんが…

参考URL:http://www4.osk.3web.ne.jp/~kitayan/
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報