JavaScript / 世界各地の時刻

clocks-257911_1920.jpg


世界各地を選択すると、そこの時間が分かるという「世界各地の時刻」のJavaScriptを紹介します。



1 世界各地の時刻

地域を選択


世界の各地域を増やすのは、時差さえわかれば、HTMLに1行追加するだけです。



2 HTMLのソースコード

<HTMLのソースコード>

地域を選択<br> <body onload="sekaiTokei()"> <form name="wrdClock"> <select name="city"> <option value="0900">東京</option> <option value="-0500">ニューヨーク</option> <option value="-0800">サンフランシスコ</option> <option value="-1000">ハワイ</option> <option value="0000">ロンドン</option> <option value="0100">パリ・ローマ</option> <option value="0800">シンガポール</option> <option value="1000">シドニー・フィジー</option> </select><br> <input type="text" name="wrdTime" value="" size="30"> </form>

・<body onload="sekaiTokei()">は、ページ時にJavaScriptの関数「sekaiTokei」を実行
・<form name="wrdClock">は、「wrdClock」名の入力フォーム、JSに時差を提供
・<option>タグは、<serect>タグの中での選択肢
・「value」値は、時差
・<input>タグは、JavaScriptの「wrdTime」値を表示



3 JavaScriptのソースコード

<JavaScriptのソースコード>

<script> function sekaiTokei() { // タイマー・1秒毎の時刻表示 setInterval("timeSet()",1000); } function timeSet() { // optionタグのvalue値の時差を取得 const num = document.wrdClock.city.selectedIndex; const jisa = parseInt(document.wrdClock.city.options[num].value); var now = new Date(), // 以下協定世界時(UTC)と時差から日付データを得る localTime = now.getTime(), // 1970/1/1 00:00:00 UTC からの経過時間 localOffset = now.getTimezoneOffset() * 60 * 1000, // ローカルから協定世界時 (UTC) までのタイムゾーンの差 utcTime = localTime + localOffset, // ローカルの現在時刻+差分 utc = new Date(utcTime); // 世界協定時 const jikan = new Date(utcTime + jisa /100*60*60*1000); // タイムゾーンの現在日時 const year = jikan.getFullYear(); // 以下日付・時刻を求める const month= jikan.getMonth()+1; let day = jikan.getDate(); let hour = jikan.getHours(); let minu = jikan.getMinutes(); let sec = jikan.getSeconds(); h = ('0' + hour).slice(-2), // 以下時間を2桁に揃える m = ('0' + minu).slice(-2), s = ('0' + sec).slice(-2); // 日付と時刻をHTMLに表示 document.wrdClock.wrdTime.value = year+"年"+month+"月"+day+"日"+h+":"+m+":"+s; } </script>



ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 196

なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー) なるほど(納得、参考になった、ヘー)
驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた 驚いた
面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い 面白い
ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス ナイス
ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!) ガッツ(がんばれ!)
かわいい かわいい かわいい かわいい かわいい かわいい かわいい かわいい かわいい かわいい

この記事へのコメント