人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptのif分岐に関する質問です。
曜日や時間といった条件によってその都度違う画像を表示させたいのですが、希望する処理内容としては、
(1)はじめに曜日(例えば日曜日)のチェックをし、日曜日の場合はA.jpgを表示させます。
(2)日曜日以外の日の場合、次に時刻のチェックをします。10:00〜13:00の場合は決めうちのB.jpgを表示させます。
(3)それ以外の時間は01.jpg〜40.jpgといった画像の中からランダムに表示させたいのです。なお、01〜40のjpg画像はそれぞれクリックしたときに特定のhtmlを開かせたいと考えています。
勉強を始めたばかりのため、曜日と時刻を取得してうまいこと分岐の処理をさせることができません。詳しい方、参考ページでも結構ですのでぜひヒントをいただけたらと思います。よろしくお願いします。

●質問者: ga-ya
●カテゴリ:インターネット ウェブ制作
✍キーワード:.jpg 00 HTML JavaScript jpg
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● backupper
●100ポイント ベストアンサー

以下でどうでしょう?

<html>
<head>
<title>@</title>
</head>
<body>
<script type="text/javascript">
 dt = new Date();
 wday = dt.getDay();//曜日取得
 document.open();
 if (wday == 0) {//日曜
 document.writeln('<img src="A.jpg">');
 } else {
 hour = dt.getHours();//時
 if (hour > 9 && hour < 13) {
 document.writeln('<img src="B.jpg">');
 } else {
 num = Math.floor(Math.random() * 40) + 1;
 if (num < 10) {
 file = '0' + num.toString();
 } else {
 file = num
 }
 document.writeln('<img src="' + num + '.jpg">');
 }
 }
 document.close();
</script>
</body>
</html>

10:00〜13:00というのを、10:00〜12:59:59の事と判断しています。必要であれば、dtのgetMinutesメソッドとgetSecondsメソッドを使って条件分岐してください。


2 ● backupper
●0ポイント

すみません。書き間違えに気づきました。

document.writeln('<img src="' + num + '.jpg">');

document.writeln('<img src="' + file + '.jpg">');

が正しいです。

◎質問者からの返答

返答が遅くなってしまい申し訳ありません。

コメント欄に書き込んでいただいた該当箇所はこれからテストして組み込んでみたいと思います。

丁寧なご回答ありがとうございました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ