cgi 時計を作りたい

質問

Tokyo - 4:59 PM Dec 3 2006
New York - 2:59 AM Dec 3 2006

こんな感じで時差が出る時計をブログ(Movable Type)に貼りたいんですが
作り方、又は参考になるウェブサイトを教えてください。
よろしくです。

回答No.1

NOMO16 · ベストアンサー

私は以下のサイトから時計を使用しています。
もちろん東京の時間に設定していますが、諸外国の時間にも設定できるので、2個作れば質問者さんの希望どおり出来るのかも・・・
あっ、でも東京とかの都市名は出なかったような・・・

参考URL：

http://www.clocklink.com/JPN/index.htm

お礼

ありがとうございます。
バナーにリンクを貼られるのが嫌なので実はcgiでは無くjavaなんですが試行錯誤して作ってみました。
しかし参考になりました。本当にありがとうございました。

ちなみにこんな感じになりました。(東京、シドニーバージョン）
------------------------------------------------------

<style type="text/css">
<!--
.style2 {font-size: 10px}
-->
</style>
<form method="post">

<table border="0" cellpadding="0" cellspacing="0">

<tr><td class="style6 style2">Tokyo
<td><input name="jp" class="style2" size=8>
<tr><td class="style6 style2">Sydney&nbsp;&nbsp;</span>
<td><input name="au" class="style2" size=8>
</table>

</form>

<script language="JavaScript">

tz_jp = 9 * 60; // GMT+9
tz_au = 11 * 60; // GMT+10

var jp, au; // 時刻文字列

function update_watch() {
now = new Date();
jp = nowat(now, tz_jp)
au = nowat(now, tz_au)

document.forms[0].elements[0].value = jp
document.forms[0].elements[1].value = au

setTimeout('update_watch()', 999); // 1000msec = 1sec
}

function nowat(now, tz) {
var day, hour, min;
var t = new Date();
var day= new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")

t.setTime(now.getTime() + (now.getTimezoneOffset() + tz) * 60 * 1000);

hour = t.getHours();
min = t.getMinutes();
day = day[t.getDay()];

if (hour < 10) {hour = "0" + hour;}
if (min < 10) {min = "0" + min;}

return hour + ":" + min + " " + day ;
}
update_watch();
</script>