日時を判定して、季節ごとに違った画像を表示させるようなJavaScriptのソースを探しています。ご存知だったら教えてください。

元はこちらです。

http://www2s.biglobe.ne.jp/~Hiro/html/javascript_list.html

ここはどうでしょう？

適当にググッたら出てきました。

月によって違う画像を表示します。

ブラウザの「ソースの表示」からどうぞ

ランダム表示を行っている

ランダム表示の方法ソースサンプルです。

参考になるかなぁ。。。

ランダムに画像を表示させるソースならこちらにもいくつかあるので参考にしてください。

hatenaのシステムの都合によりダブルクォテーション・円マークが全角で表示されていると思いますが、実際には半角です。適宜読み替えてください。

季節の定義が不明でしたが、６月から８月を夏にしています。Javascriptでは単純に月を取得すると１月が0になるので、そこだけ注意です。

後は０から４の乱数を発生させます。

例では、seasonというディレクトリーに

summer_0.gif

summer_1.gif

summer_2.gif

summer_3.gif

summer_4.gif

というファイル名で画像を入れておきます。

夏以外の場合も同様です。ファイル名は固定になります。もし、ファイル名を変更したい場合はJavascriptを多少いじってもらう必要があります。

------------------------

<script language=”javascript”>

<!--

var m=(new Date()).getMonth();

var img = ””;

var dir = ”season/”; //画像の保存ディレクトリー

//0から4までの乱数を発生させる

var ran = Math.floor(Math.random()*100)%5;

if(m <=1 || m == 11 ){

//12月から２月

img = dir + ”winter_” + ran + ”.gif”;

} else if(m >=2 && m<=4){

//３月から５月

img = dir + ”spring_” + ran + ”.gif”;

} else if(m >=5 && m<=7){

//６月から８月

img = dir + ”summer_” + ran + ”.gif”;

} else if(m >=8 && m<=10){

//９月から１１月

img = dir + ”fall_” + ran + ”.gif”;

}

//alert(img);

document.writeln(’<img src=”’+img+’”>’)

//-->

</script>