「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>

BACK