JavaScript サンプル：『ステータスバーに時計を作ってみる』

● Web覚書トップ > JavaScript サンプル > 『ステータスバーに時計を作ってみる』

説明

ステータスバー（ブラウザの下の方にある、リンク先や状態が表示される場所）に時計を表示させてみましょう。しかし、この場所は、ページの情報を表示するものであり、時計のように常時出ているものを置いておくのは、あまり良い作法とは言えません。多用は避けたほうが良いでしょう。

実行例

ステータスバーを見てください

コード

function setWatch(){
	var now = new Date();
	var nowH = now.getHours();
	var nowM = now.getMinutes();
	var nowS = now.getSeconds();
	if (nowH < 10) { nowH = "0" + nowH; }
	if (nowM < 10) { nowM = "0" + nowM; }
	if (nowS < 10) { nowS = "0" + nowS; }
	now = nowH + ":" + nowM + ":" + nowS;
	window.status = now;
	setTimeout("setWatch()",1000);
}

<BODY onLoad="setWatch()">

解説＆ステップアップ

『画面上に時計を作ってみる』と違う点は、表示する場所の１箇所だけです。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)