時間によって、表示するイメージを変更する。
8時から9時59分までは、img01.gifを表示します。
10時から16時59分までは、img02.gifを表示します。
上記以外は、img03.gifを表示します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>条件を判断して、処理を分岐したい（if）</title>
<script type="text/javascript">
<!--
function img_p() {
alltm = new Date();
tm = alltm.getHours();
if ((tm > 7) && (tm < 10))
document.write("<img src='images/img01.gif'>");
else if ((tm >= 10) && (tm < 17 ))
document.write("<img src='images/img02.gif'>");
else
document.write("<img src='images/img03.gif'>");
}
//-->
</script>
</head>
<body>
<p>時間によって、表示するイメージを変更する。</p>
<script type="text/javascript">
<!--
img_p();
//-->
</script>
<p>8時から9時59分までは、img01.gifを表示します。</p>
<p>10時から16時59分までは、img02.gifを表示します。</p>
<p>上記以外は、img03.gifを表示します。</p>
</body>
</html>