Edited at

【JavaScript】画像などをランダムに表示する方法

More than 3 years have passed since last update.

JavaScriptで画像などをランダムに表示する方法についてです。

表示させる内容を日替わりなどで変化させたいことがありますね。

次のようなコードを<body>タグ内の表示したい場所に記述します。

<script type="text/javascript">

<!--

//赤字の箇所にランダムに表示したいものを列記します。(タグ可能。改行するのは不可)
//「' ',」で追加、最後のみカンマは不要。
var list = new Array(
'ランダム表示1',
'ランダム表示2',
'ランダム表示3'
);

var random_hyoji = Math.floor(list.length*Math.random());
document.write(list[random_hyoji]);

//-->
</script>

なお、上の方法だと直接HTMLに触れることになります。

ランダムに表示したいものを頻繁に変えるなら設定自体は別なファイルにしておいた方が楽でしょう。

その場合は、上の方法の最初の「<script type="text/javascript">」「<!--」と

最後の「//-->」「</script>」の行を削除し、JavaScriptファイルとして保存します。(例 ファイル名「random_hyoji.js」)

そして<body>タグ内の表示したい場所で次のように記述します。

<script type="text/javascript" src="random_hyoji.jsへのファイルパス"></script>