時間帯によってちがう画像を表示(リンク付き)
時間帯によって表示される画像がかわり、それぞれのページへリンクします。
表示される画像

午前5時〜午前10時 午前10時〜午後5時 午後5時〜午後11時 午後11時〜午前5時


時間帯によって上の4つの画像が表示されます。
ソース
<html>
<head>
<title>時間帯によってちがう画像を表示(リンク付き)</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
myTime=(new Date()).getHours();
if(myTime>=5 && myTime<10){
document.write("<a href='test3.html'><img src='images/icons3.gif' width='32' height='32' border='0'></a>"); 
}else if(myTime>=10 && myTime<17){
document.write("<a href='test1.html'><img src='images/icons1.gif' width='32' height='32' border='0'></a>"); 
}else if(myTime>=17 && myTime<23){
document.write("<a href='test2.html'><img src='images/icons2.gif' width='32' height='32' border='0'></a>"); 
}else if(myTime<5 || myTime>=23){
document.write("<a href='test5.html'><img src='images/icons5.gif' width='32' height='32' border='0'></a>"); 
}
//-->
</SCRIPT>
</body>
</html>
JavaScript GarageのTopへ戻る