JavaScriptでレベルアップ！
HTMLだけではホームページの表現にも限界があります。
そこで登場するのが「JavaScript」です。（「ジャバスクリプト」と読みます。）
JavaScriptを使うことにより１ランク上のホームページを目指しましょう！
| サンプル３： 時間によって異なるメッセージを表示しよう |
<SCRIPT
LANGUAGE="JavaScript">
<!--
today = new Date();
hour = today.getHours();
if( hour == 1 ){
document.write("もうＡＭ：１時です。そろそろ寝ましょう。");
}
if(( hour >= 2 )&&( hour <= 4 )){
document.write("そろそろ寝ないとヤバイよ〜。");
}
if( (hour >= 5 )&&( hour <= 6) )
{
document.write("Ｚｚｚ…。");
}
if( ( hour >= 7)&&( hour <= 8 ) )
{
document.write("おはようございます〜。今日も一日がんばろ♪");
}
if( ( hour >= 9)&&( hour <= 11 ) )
{
document.write("さて、今日は何から始めようか。");
}
if( ( hour >= 12 )&&( hour <= 13 )
)
{
document.write("さて、昼食の時間。何、食べる？");
}
if( ( hour >= 14 )&&( hour <= 15 )
)
{
document.write("そろそろ休憩しましょう。");
}
if( ( hour >= 16 )&&( hour <= 18 )
)
{
document.write("もうちょっと頑張ろっか。");
}
if( ( hour >= 19 )&&( hour <= 20 )
)
{
document.write("夕食もしっかり食べようね。");
}
if( ( hour >= 21 )&&( hour <= 22 )
)
{
document.write("そろそろプライベートタイムかな。");
}
if( ( hour >= 23 )&&( hour <= 24 )
)
{
document.write("眠くなってきちゃった…。");
}
-->
</SCRIPT>
以上をコピー＆ペーストして
sample3.htmlというファイル名で保存しましょう。
そのファイルをブラウザで見ると
メッセージが表示されてますね。
時間によってメッセージが変化します。
hourが時間を表しています。
if( hour == 1 )
{
document.write("１時です。");
}
このように書くと１時の時には「１時です。」と表示されます。
|