本日  昨日
 
03/28(Thu) 18:20

o 世界時計(全世界夏時間対応、DST:Daylight Saving Time)
(06.11.10)2007年の米国型の期間変更に対応。米国型、中米型に分離設定(2007年版 v1.3)。jsファイルを変更してください。
(04.10.14)2004年の期間情報(南半球開始)のデータ更新実施(2004年版 v1.2)。jsファイルを変更してください。
(04.03.27)大洋州(オーストラリア、タスマニア、ニュージーランド)、ロシアの期間情報に1日のずれが見つかったのでデータ更新実施(2004年版 v1.1)。jsファイルを変更してください。
(03.12.10)2004年の期間情報(北半球開始終了,南半球終了)が公表されたのでデータ更新実施(2004年版)。jsファイルを変更してください。
(03.12.07)タイプ追加とフォーム記述固定の制限解除およびデータチェック処理の充実を行った全世界夏時間対応の最新版にアップデートしました。jsファイル、htmlファイルとも最新版に変更してください。


一覧形式
世界時計(*DST)  by kikuchisan 
ウェリントン
シドニー
東京
ウランバートル
北京・香港
テヘラン
バクダット
モスクワ
カイロ
ロンドン
リオデジャネイロ
サンチャゴ
ニューヨーク
ロサンジェルス
ホノルル

サマータイム実施77カ国対応の全世界夏時間対応世界時計です(夏時間には*が表示されます)。サマータイムは国により開始・終了日と時刻が異なり、国や州ごとに毎年決め直すところもあります。

などで、都市のタイムゾーンはWindowsコントロールパネルの「日付と時刻」で確認できます。
    プルダウンメニュー形式
    世界時計 (*DST)    by kikuchisan 

    (小ウィンドウ表示はこちら




  1. 開始・終了日を次のタイプに分けて処理(タイプ一覧表)
    フラグタイプ開始日終了日地域対象国
    1米国型3月第2日曜日11月第1日曜日北米米,カナダ,英領バーミューダ
    20中米型4月第1日曜日10月最終日曜日中米メキシコ,カリブ諸島(バハマ,ハイチ)
    2欧州型3月最終日曜日10月最終日曜日欧州英,露,アイルランド,西欧,北欧,東欧,トルコ(中東)
    3NIS型3月最終日曜日10月最終日曜日NIS諸国アルメニア,グルジア,キリギス他,レバノン(中東)
    4オーストラリア型10月最終日曜日3月最終日曜日大洋州オーストラリア(N.S.ウェールズ,ビクトリア,南Aus州)
    18タスマニア型10月第1日曜日3月最終日曜日大洋州オーストラリア(タスマニア)
    8ニュージーランド型10月第1日曜日3月第3日曜日大洋州ニュージーランド
    6エジプト型4月最終木曜日9月最終木曜日アフリカエジプト
    16ナミビア型9月第1日曜日4月第1日曜日アフリカナミビア
    5ブラジル型10月第3日曜日2月第3日曜日南米ブラジル東部
    9チリ型10月第2日曜日3月第2日曜日南米チリ,イースタ島
    17フォークランド型9月第1日曜日4月第3日曜日南米英領フォークランド諸島
    7イラク型4月1日10月1日中東イラク
    13イスラエル型*4月6日9月21日中東イスラエル
    11パレスチナ型*4月15日10月15日中東パレスチナ(ガザ地区)
    12イラン型*3月20日9月20日中東イラン
    14ヨルダン型*3月24日10月15日中東ヨルダン
    15シリア型*3月31日9月30日中東シリア
    10モンゴル型*3月27日10月24日アジアモンゴル
    19パラグァイ型*10月17日4月4日南米パラグァイ
    (注)*:日付指定国のうち毎年日付確認が必要なタイプ。(日付は2004年版)
    ・米国型、欧州型、NIS型は複数国が採用してますが、それ以外はその国単独の採用です。

  2. 時刻切替タイミングは各タイプとも共通です。開始・終了とも英国(ロンドン)の切替タイミングであるローカル標準時刻午前1時を基準に切り替えます(国によっては切替時刻が異なるので切替のタイミングが1〜数時間前後することがあります)。

     (1)開始日の午前1時(=ローカル標準時刻午前1時)に1時間進め午前2時に、
     (2)終了日の午前2時(=ローカル標準時刻午前1時)に1時間戻し午前1時にしています。

    ※米国の開始時刻は「午前2時に1時間進め午前3時」(終了時刻は英国と同じ)ですので正確に切替えたい方は「応用編」「時刻切替タイミングを変更するには?」の「開始時刻の変更」を参考に変更してください(2007年版には組込み済)。


スポンサーリンク

プログラムをダウンロードします。
プログラムの名前を[左]クリックするとダウンロードを始めます。jsファイルのため警告メッセージが表示されますが「保存」を選択しworldclock.jsの名前で保存したい場所に保存します。
  • 世界時計(全世界夏時間対応)-------------- worldclock.js (約12KB) [左クリックしてください]
スクリプトの編集(都市の追加・変更)
主要な都市データがデフォルト設定されてますのでこのままでも利用できます。都市の追加・変更は、ダウンロードした worldclock.js を編集します。(応用編参照)

表示用HTML文の作成
世界時間を表示したい場所に表示用HTML文を記述します。表示用HTML文はworldclock.jsと同じ場所に保存します。表示方法は一覧形式かプルダウンメニュー形式を選択でき、スクリプトが自動識別して表示します。

     (1)表示用フォーム名を「 list 」にすれば一覧形式で表示
     (2)フォーム名を「 pull 」にすればプルダウンメニュー形式で表示
一覧形式(小ウィンドウ表示)
(1)下記HTML文をコピー貼付けして、worldclock.htmlの名前でworldclock.jsと同じ場所に保存します。
 (フォームとスタイルシート部分を切り出してHTML本文に貼り付ければこのページトップのようにページ内表示としても使用できます)
worldclock.html
<html><head><title>世界時刻</title> <style type="text/css"><!-- input { border-top:gray 1px solid; border-bottom:gray 1px solid; border-left:gray 1px solid; border-right:gray 1px solid; } a {text-decoration:none;} input { font-size:9pt;text-align:right;width:80 } table { font-size:9pt;font-family:MS UI Gothic } //--></style> </head> <body> <table cellpadding="0" cellspacing="0" border="0"><form name="list"> <tr><td colspan=2 bgcolor=cyan align=right>世界時計<font style="font-size:7pt"> (*DST)  <a href="http://kikuchisan.net/" target="_blank"> by kikuchisan&nbsp;</font></a></td></tr> <tr><td>ウェリントン</td><td><input type=text name="ウェリントン"></td></tr> <tr><td>シドニー</td><td><input type=text name="シドニー"></td></tr> <tr><td>東京</td><td><input type=text name="東京"></td></tr> <tr><td>ウランバートル</td><td><input type=text name="ウランバートル"></td></tr> <tr><td>北京・香港</td><td><input type=text name="北京・香港"></td></tr> <tr><td>テヘラン</td><td><input type=text name="テヘラン"></td></tr> <tr><td>バクダット</td><td><input type=text name="バクダット"></td></tr> <tr><td>モスクワ</td><td><input type=text name="モスクワ"></td></tr> <tr><td>カイロ</td><td><input type=text name="カイロ"></td></tr> <tr><td>ロンドン</td><td><input type=text name="ロンドン"></td></tr> <tr><td nowrap>リオデジャネイロ</td><td><input type=text name="リオデジャネイロ"></td></tr> <tr><td>サンチャゴ</td><td><input type=text name="サンチャゴ"></td></tr> <tr><td>ニューヨーク</td><td><input type=text name="ニューヨーク"></td></tr> <tr><td>ロサンジェルス</td><td><input type=text name="ロサンジェルス"></td></tr> <tr><td>ホノルル</td><td><input type=text name="ホノルル"></td></tr> </form></table> <script language="JavaScript" src="worldclock.js"></script> </body></html>

(2)小ウィンドウ表示用HTML
小ウィンドウ表示用リンクを表示したい場所に記述します。
<a href='JavaScript:;' onclick=window.open("worldclock.html","","width=170,height=320")> 世界時計</a>

プルダウンメニュー形式
(1)下記HTML文をコピー貼付けして、世界時計を表示したい場所に記述します。
<style type="text/css"><!-- a {text-decoration:none;} input { font-size:9pt;text-align:right;width:80 } table,select { font-size:9pt;font-family:MS UI Gothic } //--></style> <table cellpadding="0" cellspacing="0" border="0"><form name="pull"> <tr><td colspan=2 bgcolor=cyan align=right>世界時計<font style="font-size:7pt"> (*DST)   <a href="http://kikuchisan.net/" target="_blank"> by kikuchisan&nbsp;</font></a></td></tr> <tr><td><select name="city"> <option>ウェリントン <option>シドニー <option selected>東京 <option>ウランバートル <option>北京・香港 <option>テヘラン <option>バクダット <option>モスクワ <option>カイロ <option>ロンドン <option>リオデジャネイロ <option>サンチャゴ <option>ニューヨーク <option>ロサンジェルス <option>ホノルル </select></td> <td><input type="text" name="clock"></td> </tr></form></table> <script language="JavaScript" src="worldclock.js"></script>


応用編
  1. 都市を追加・変更するには?
  2. タイプを追加・変更するには?
  3. 開始終了日が日付指定の場合はどうすればいいの?
  4. 時刻切替タイミングを変更するには?
  5. 時刻表示形式を変更するには?
  6. 開始終了日の計算結果を確認するには?
都市を追加・変更するには?
  1. データ定義(個人設定)で世界時計を表示したい都市名、都市のタイムゾーンと夏時間処理フラグを定義します。
    ・表示したい国や州がサマータイム採用かどうかや採用してる場合の期間はWorldTimeZone.orgで、
    ・夏時間処理フラグの値は「タイプ一覧表」のフラグの項で、
    ・都市のタイムゾーンはWindowsコントロールパネルの「日付と時刻」で
    確認できます。

    (注)アメリカのハワイ州・アリゾナ州・インディアナ州の一部、カナダのサスカチュワン州、オーストラリアのクイーンズランド州のように州によっては採用しないところもありますので都市を追加する場合は注意してください。

  2. 都市の追加方法
     (1)配列 city, zone, flag に都市名、都市のタイムゾーンと夏時間処理フラグを「対」で追加します
     (2)表示用HTML文にinput文またはoption文を追加します
    ・一覧形式表示の場合はinput文(形式:都市名<input type=text name="都市名">)
    ・プルダウンメニュー形式表示の場合はoption文(形式:<option>都市名

    (注1)配列 city で定義した都市名と、input文の name="都市名"またはoption文の都市名(青色部)は同じにしてください。
    (注2)input文、option文は、配列 city の定義順と関係なく任意の位置に挿入できます。例えば、配列 city の最後に追加した都市をリストの先頭に表示するなどが可能です。

タイプを追加・変更するには?
タイプの追加・変更を簡単に行うことができます。(配布版には組み込み済み)
  • 南米ブラジル(サマータイム:10月第3日曜日〜2月第3日曜日、タイムゾーン:-3,、夏時間処理フラグ:5)
を追加する方法を紹介します。タイプ追加に必要な変更・追加箇所は次の3ヶ所です。
  1. メインプログラム部−−夏時間の開始終了日計算の追加
  2. 関数calcTime−−−夏時間の処理の追加
  3. 都市の追加−−−−(方法はこのページの「都市を追加・変更するには?」にあります)
メインプログラム部−−夏時間の開始終了日計算の追加
すでに計算値がある場合はその値が使えますが、10月第3日曜日と2月第3日曜日はないので次の2つの計算式を新しく追加します。
  1. 関数calcDstのパラメータの意味は、year年、10月、第3、日曜(=0)と、year年、2月、第3、日曜(=0)です
  2. 変数名sun10_3は10月第3日曜日、sun2_3は2月第3日曜日を表します

sun10_3= calcDst(year,10,3,0); //10月第3日曜日(ブラジル型開始) sun2_3 = calcDst(year,2,3,0); // 2月第3日曜日(ブラジル型終了)

関数calcTime−−−夏時間の処理の追加
オーストラリア型の判定文(if文)の次行にブラジル型の判定文2行を追加します。

  1. if文中の条件は左が開始条件、右が終了条件です
  2. AND/OR条件は、北半球の場合はAND条件(&&)、南半球の場合はOR条件(||)になります
夏時間処理フラグはブラジル型を「5」と定めたので最初にタイプ判定を行います。さらに、ブラジルは南半球にあるので、開始条件(sun10_3<=twntime)と終了条件(sun2_3>twntime)をOR条件(||)で結びます。

} else if (flag == 4) { //オーストラリア型 if ((sun10_e<=twntime) || (sun3_e>twntime)) { twntime+= 3600000; mark="*";} } else if (flag == 5) { //ブラジル型 if ((sun10_3<=twntime) || (sun2_3>twntime)) { twntime+= 3600000; mark="*";}

以上でブラジル型タイプの追加は完了です。

同様に

  • エジプト(サマータイム:4月第最終木曜日〜9月最終木曜日、タイムゾーン:2,、夏時間処理フラグ:6)
は次のようになります。(エジプトは北半球なのでAND条件、夏時間処理フラグはエジプト型は「6」)

thu4_e = calcDst(year,4,5,4); // 4月最終木曜日(エジプト型開始) thu9_e = calcDst(year,9,5,4); // 9月最終木曜日(エジプト型終了)


} else if (flag == 5) { //ブラジル型 if ((sun10_3<=twntime) || (sun2_3>twntime)) { twntime+= 3600000; mark="*";} } else if (flag == 6) { //エジプト型 if ((thu4_e<=twntime) && (thu9_e>twntime)) { twntime+= 3600000; mark="*";}

このように同じ方法でタイプの追加がいくつでも行えます。

開始終了日が日付指定の場合はどうすればいいの?
国によってはサマータイム開始終了日が第何曜日指定でなく、日付指定の国があります。この場合は

  • 関数calcDstのパラメータに日付(年、月、日)を指定します。
    ・関数calcDstのパラメータwnoは、wno=0〜6の時は曜日指定ですが、日付指定にする場合は -1 にします。
    ・パラメータwnoが -1 の場合は num は日付とみなします。
例として、中東イラクで説明します。
  • イラク(サマータイム:4月1日〜10月1日、タイムゾーン:3,、夏時間処理フラグ:7)
  1. 関数calcDstのパラメータの意味は、year年、4月、1日、日付指定(=-1)と、year年、10月、1日、日付指定(=-1)です
  2. 変数名y_4_1は日付指定4月1日、y_10_1は日付指定10月1日を表します
  3. 夏時間処理フラグはイラク型を「7」と定めたので最初にタイプ判定を行い、イラクは北半球なので開始終了条件をAND条件で結びます。

y_4_1 = calcDst(year,4,1,-1); //日付指定(イラク型開始) y_10_1 = calcDst(year,10,1,-1); //日付指定(イラク型終了)


} else if (flag == 5) { //ブラジル型 if ((sun10_3<=twntime) || (sun2_3>twntime)) { twntime+= 3600000; mark="*";} } else if (flag == 6) { //エジプト型 if ((thu4_e<=twntime) && (thu9_e>twntime)) { twntime+= 3600000; mark="*";} } else if (flag == 7) { //イラク型 if ((y_4_1<=twntime) && (y_10_1>twntime)) { twntime+= 3600000; mark="*";}

時刻切替タイミングを変更するには?
このスクリプトでは午前1時を基準に時刻切替を行っています。切替タイミング時刻を変更するには、関数calcTime「夏時間の処理」の開始条件と終了条件の内容を変更します。

開始時刻の変更
例えば、アメリカの夏時間開始を

現状:  「午前1時に1時間進め午前2時にする」から
変更後:「午前2時に1時間進め午前3時にする」に変更する

ためには開始時間を1時間遅らせる必要があります。開始時刻の変更ですので、開始条件を以下のように変更をします。

開始時間を sun3_2 から1時間遅らせるため、「sun3_2」を「sun3_2+3600000」に変更します。

3600000は60分x60秒x1000ミリ秒=1時間です。

変更前: if (flag == 1) { //米国型 if ((sun3_2<=twntime) && (sun11_1>twntime)) { twntime+= 3600000; mark="*";} 変更後: if (flag == 1) { //米国型 if ((sun3_2+3600000<=twntime) && (sun11_1>twntime)) { twntime+= 3600000; mark="*";}

終了時刻の変更
例えば、アメリカの夏時間終了を

現状:  「午前2時に1時間戻し午前1時にする」から
変更後:「午前1時に1時間戻し午前0時にする」に変更する

ためには終了時間を1時間早める必要があります。終了時刻の変更ですので、終了条件を以下のように変更をします。

終了時間を sun11_1 から1時間早めるため、「sun11_1」を「sun11_1-3600000」に変更します。

3600000は60分x60秒x1000ミリ秒=1時間です。

変更前: if (flag == 1) { //米国型 if ((sun3_2<=twntime) && (sun11_1>twntime)) { twntime+= 3600000; mark="*";} 変更後: if (flag == 1) { //米国型 if ((sun3_2<=twntime) && (sun11_1-3600000>twntime)) { twntime+= 3600000; mark="*";}

時刻表示形式を変更するには?
デフォルトの時刻表示形式は、日 時:分:秒 となってますが、秒を表示したくない場合は、関数calcTimeの最終行にあるreturn文の内容を変更します。時刻表示用フォームサイズを短くしたい場合は、スタイルシートのinput中の width の値で調整できます。


変更前: return date + "日 " + hour + ":" + min + ":" + sec + mark; 変更後: return date + "日 " + hour + ":" + min + mark;

開始終了日の計算結果を確認するには?(デバッグ文)
サマータイム開始終了日の計算結果を確認する時には以下のデバッグ文(document.write文)を1行関数calcDst中に挿入します。挿入箇所は2箇所です。(下記参照)


if (wno < 0) { //日時指定の場合 if (num < 1 || num > 31) { alert("日時指定エラーです"); return; } //指定年月日の午前2時の時刻を求め内部表現に変換し戻り値にセット document.write("第- -曜= "+year+" "+month+" "+num+"<br>"); //第(num)wno曜日は何日かの計算 if (wday <= wno) { dstime = (num-1)*7 + ((wno+1) - wday); } else { dstime = num*7 - (wday - (wno+1)); } document.write("第"+num+" "+wno+"曜= "+year+" "+month+" "+dstime+"<br>");

デバッグ文を挿入すると以下の「計算結果」欄の内容が表示されますので実際の暦と照らして希望のものかどうか確認します。日付指定の場合は「第- -曜」と表示されます。

    計算結果計算結果の内容備考
    第1 0曜= 2004 4 42004年4月の第1日曜(0)は 4日米国型開始
    第4 0曜= 2004 3 282004年3月の最終(第4)日曜(0)は 28日欧州型開始,オーストラリア型終了
    第5 0曜= 2004 10 312004年10月の最終(第5)日曜(0)は 31日米国型終了,欧州型終了,オーストラリア型開始
    第4 6曜= 2004 3 272004年3月の最終(第4)土曜(6)は 27日NIS型開始
    第5 6曜= 2004 10 302004年10月の最終(第5)土曜(6)は 30日NIS型終了
    第- -曜= 2004 4 12004年4月1日の日付指定イラク型開始
    第- -曜= 2004 10 12004年10月1日の日付指定イラク型終了


 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ