ホームページを彩る、各種JavaScript

site+(サイトプラス)は、CGIレンタルで、インタラクティブなホームページ運用を支援します。
 

HomeWeb Tips...JavaScript時間・日付関連
世界時計

手順...

  1. BODYタグの中に onLoad="timer(GMT)" を記述

    <body
    onLoad="timer(GMT)">
     
  2. 下記ソースをコピー
  3. 指定(任意)箇所へソース張付
  4. 完了
<HEAD>ソース
<script language="JavaScript"><!--
var week = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat");
var GMT = 9;
function timer(v){
GMT = v;
var gmt = new Date();
var now = new Date();
var set = now.getTimezoneOffset();
gmt.setTime(now.getTime()+(set/60+parseFloat(GMT))*60*60*1000);
Mon = gmt.getMonth() + 1;
Wee = week[gmt.getDay()];
Dat = gmt.getDate();
hor = gmt.getHours(); if(hor < 10)hor = "0" + hor;
min = gmt.getMinutes(); if(min < 10)min = "0" + min;
sec = gmt.getSeconds(); if(sec < 10)sec = "0" + sec;
document.W_clock.W_text.value = " "+Mon+"/"+Dat+" ["+Wee+"] "+hor+":"+min+":"+sec;
setTimeout("timer(GMT)",999);
}
//--></script>
<BODY>ソース
<form action="./" name="W_clock">
<select name="city" onChange="timer(W_clock.city.options[W_clock.city.selectedIndex].value)">
<option value=-10>ハワイ
<option value=-9>アラスカ
<option value=-8>ロス
<option value=-6>シカゴ
<option value=-5>ニューヨーク
<option value=-3>ブラジリア
<option value=0>ロンドン
<option value=0>グリニッジ標準時
<option value=1>パリ
<option value=1>ローマ
<option value=2>イスラエル
<option value=2>カイロ
<option value=3>モスクワ
<option value=3>バグダッド
<option value=3.5>テヘラン
<option value=4.5>カブール
<option value=5.5>ニューデリー
<option value=6>ダッカ
<option value=7>バンコク
<option value=8>香港
<option value=8>シンガポール
<option value=9 selected>東京
<option value=9>ソウル
<option value=9.5>アデレード
<option value=10>キャンベラ
<option value=10>グアム
<option value=11>ニューカレドニア
<option value=12>フィジー
</select><input type="text" name="W_text" size="30"></form>

 

Copyright © Site+ All right reserved
Produced iiPJAPAN
Server MAX-Server



運営会社バナー置場