| ポイント |
<![CDATA[
dt = new Date();
h = dt.getHours();
m = dt.getMinutes();
s = dt.getSeconds();
document.title = h+":"+m+":"+s;
setTimeout("tClock()",1000);
]]>
|
| 説 明 |
現在の時刻をタイトルバーに表示するにはDateオブジェクトを作成しgetHours()、getMinutes()、getSeconds()により時分秒を読み出します。読み出した時間をdocument.titleに代入することでタイトルバーに表示することができます。一定時間ごと（１秒ごと）表示する必要があるのでsetTimeout()を使って定期的に関数を実行するようにします。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>タイトルバーに現在の時刻を表示する</title>
<script Language="JavaScript"><!--
function tClock()
{
dt = new Date();
h = dt.getHours();
m = dt.getMinutes();
s = dt.getSeconds();
document.title = h+":"+m+":"+s;
setTimeout("tClock()",1000);
}
// --></script>
</head>
<body onLoad="tClock()">
タイトルバーに現在の時刻を表示する
</body>
</html>
]]>
|
| 補足説明 |
setTimeoutでなくsetIntervalを使って定期的に表示することもできます。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
タイトルバーに現在の時刻を表示する