JavaScript

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

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

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

サンプルソース

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

実行サンプル

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


ここに表示されます。

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 配列をソートする(.sort)

配列をソートするには、.sort()を使用します。 サンプル 例)配列をソートする [crayon-5c9a222887 ...

[JavaScript] 一定時間後に処理を実行する

一定時間後に処理を実行するには、setTimeoutを使用します。 サンプル 例)5秒後に処理を実行する [crayon ...

[JavaScript] 10進表記のカラーコードを16進表記に変換する

10進表記のカラーコードを16進表記に変換したい場合にご利用ください。 10進表記のカラーコードを16進表記に変換する ...

[JavaScript] class名からオブジェクトを取得する

タグに付けられたclass名からオブジェクトを取得するには、 document.getElementsByClassNa ...

[JavaScript] 指定したタグ全てにスタイルを適用する

JavaScriptで指定したタグ全てにスタイルを適用するサンプルです。 例えば、全てのpタグの背景色を赤くするなどとい ...

スポンサーリンク