「Click me」のボタンを押すと、別ウインドウが開いて写真が現れます。
5:00-12:00、12:00-18:00、18:00-23:00、23:00-5:00で写真が変わります。
ソースの赤い数字部分を変えると時間と写真を返られます。
ブラウザやバージョンによってウインドウの大きさなどが異なります。
<HTML> <HEAD> <TITLE>Change the message at time3</TITLE> <SCRIPT TYPE="text/javascript"> <!-- var today,hour;today = new Date();hour = today.getHours(); if (5<=hour && hour<12){ newwin="image/morn.jpg"; } if (12<=hour && hour<18){ alert("image/noon.jpg"); } if (18<=hour && hour<23){ alert("image/even.jpg"); } if (23==hour || 0<=hour && hour<5){ alert("image/nigt.jpg"); } function WinOpen(){ open(newwin,"","width=220,height=220,toolbar=no,menubar=no,status=no");} //--> </SCRIPT> </HEAD> <BODY> <INPUT TYPE="button" VALUE="Click me" onClick="WinOpen()"> </BODY> </HTML> |