アプリ版：「スタンプのみでお礼する」機能のリリースについて

海外の時間をホームページ上に表示

解決済

  • 質問者：pace
  • 質問日時：
  • 回答数：4件

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： wolv
  • 回答日時：

別の地域の時刻は、


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
    • 件
通報する

No.3

  • 回答者： wolv
  • 回答日時：

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



参考URL：http://tohoho.wakusei.ne.jp/js/start.htm#Dynamic …
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： hanky101
  • 回答日時：

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

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

参考URL：http://www.gringoes.com/
    • good
    • 0
    • 件
通報する

No.1

HTMLタグであそぼう


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

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

参考URL：http://www4.osk.3web.ne.jp/~kitayan/
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報