記事一覧

トップ > PC > JavaScript > 画像切替Script

画像切替Script

本日、魚重ひもの店様より
松川・伊豆高原での桜の画像が3枚、送られてきました。

とりあえず1枚をTOP用画像として表示させていたんだけど…
他の2枚も決してボツにするような画像じゃない。
なので、JavaScriptの勉強も兼ね、画像を切替える細工を施してみました。

過去にも言い訳してるんだけど
ブラウザで「オフ」にされると、JavaScriptは機能しないからねぇ。
そんな訳でJavaScriptに関しては、本当に勉強不足を痛感しています。
まぁ、他の分野も広く浅く… なので、全体的に勉強不足なんだけどね。 λ..........トボトボ

以下、すぐに忘れる自分用メモも兼ねて…

today = new Date();
x = today.getMinutes()+1;
y = x % 3;

switch (y)
{
case 0:document.write('HTMLタグ-1');break;
case 1:document.write('HTMLタグ-2');break;
case 2:document.write('HTMLタグ-3');break;
default:document.write('HTMLタグ-0');
}

今日の日付から分の値+1を変数xへ。
0で割る事によるエラーを防ぐ為に1を足したんだけど… 分子の方なので無問題でしたね。 orz

で、パターン数が3なので3で割り、その時の余りをyに代入。
switch…caseで、yが0、1、2の時用のHTMLタグを挿入。
念の為、yが0、1、2以外の数字になった時用にdefaultで避難用タグを挿入。

とりあえず、完成です。
見直すと何も大した事をやってる訳じゃないんだけどねぇ。
こったらもんでも、意外と苦戦させられました(苦笑

えぇ、言われなくても出直してきますとも。 λ..........トボトボ

タグ:自分用メモ

トラックバック一覧

コメント一覧