JavaScript

[JavaScript] ランダムに画像を表示する

投稿日:2017年8月12日 更新日:

ランダムに画像を表示するサンプルです。
ボタンを押すと以下3つの画像がランダムで表示されます。

サンプルソース

例)ボタンを押すとランダムで画像が表示される。

実行サンプル

ボタンを押すとランダムで画像が表示されます。


ここに表示されます。

解説

  • 配列に格納したファイル名を、Math.random()でランダムに取得して表示させています。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] チェックボックスにチェックを付ける

チェックボックスにチェックを付けるサンプルです。 サンプルソース 例)ボタンを押すとチェックボックスのオン/オフを切り替 ...

[JavaScript] Base64形式の画像データをcanvasに表示する

Base64形式の画像データをcanvasに表示するサンプルです。 サンプルソース 例)Base64文字列をcanvas ...

[JavaScript] マウスボタン押下/押上イベントを取得する(onMouseDown, onMouseUp)

マウスボタンを押したイベントを取得するにはonmousedown、 押し下げたマウスボタンを離したイベントを取得するには ...

[JavaScript] 一番初めにゼロでない数値を返す

複数の値で、一番初めにゼロでない値を返す書き方です。 サンプルソース 例)複数の値で一番初めにゼロでない値を返す書き方の ...

[JavaScript] 文字列に改行を含める

文字列に改行を含めるサンプル2パターンです。 サンプルソース 例1)文字列に改行を含める(バックスラッシュで囲う方法) ...

スポンサーリンク