その前に新しく出てくるステータスバーについて。
ステータスバーとは、
ブラウザの下にある情報を表示する(灰色の)スペースのことなんだ。
ＪａｖａＳｃｒｉｐｔ講座
（メールマガジン編）
９/２３日発行 ヨッシーの”ホームページを作ろう！（JavaScript編）”★Vol.13★
| 日時関係 |
今回は日時についての命令をやってみよう。
自分のホームページに時計をつけたいときには、これを使うんだよ。
| ★ 日付・時刻の表示 ★ |
よく、ページの始めなどに現在の時刻が表示されていることがあるね。
そのようなプログラムを作る場合は、現在の時間がわからないといけない。
その現在の時刻を知るための命令が次の命令なんだ。
Date() |
| 現在の時刻を取得する |
たった、これだけで現在の時刻がわかるんだよ。
この命令は、現在の時刻が返ってくるんだ。
（つまり、これを書くとこの部分がそのまま現在の時刻になると考えてよい）
--日付・時刻の表示するプログラム--
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
function print_date(){
document.write(Date());
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="print_date()">
</BODY>
</HTML>
--解説--
<HTML>
<HEAD>
<TITLE>日付・時刻表示</TITLE>
<SCRIPT language="JavaScript">
<!--
function print_date(){
document.write(Date()); ←①Date()で返された値（つまり現在の時刻）を表示
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="print_date()">
</BODY>
</HTML>
①：document.write(Date());
これは、Date()を表示する。
つまりDate()というのは現在の時刻を返す(表す)ので、document.write(Date());
↓
document.write(現在の時刻に変わる);このように、"現在の時刻"を表示する命令になるんだ。
この命令をonLoadでページの読み込みのときに呼び出しているんだ。
じゃあ、問題をやってみよう。
その前に新しく出てくるステータスバーについて。
ステータスバーとは、
ブラウザの下にある情報を表示する(灰色の)スペースのことなんだ。
ブラウザに表示する方法(document.write)のように、
今度はステータスバーに文字を表示する方法をやっておこう。
status = "表示する文字列" |
| ステータスバーに文字列を表示する |
今回は少し難しいかもしれないけれどがんばってね。
| ＜問題＞ [命令]のところを埋めて、ステータスバーに現在の時刻をリアルタイムに表示せよ。 (※つまり、時計のように5秒、6秒、7秒……と一刻一刻変化するようにする) ～ここから～ |
| ＜サンプルプログラム～設定日まであと何日かを数えるプログラム～＞ <HTML> [新しく出てきた命令] |
