アクセス毎に文章や画像をランダム表示

PHPの場合

<?php
$ad[] =<<<eof
文章1
eof;

$ad[] =<<<eof
文章2
eof;

$ad[] =<<<eof
文章3
eof;

shuffle($ad);
echo $ad[0];
?>

配列に要素を入れてshuffleでかき回し、キーを0に設定して出力する。

javascriptの場合


<img src="" id="imageArea" />

<script>
const imageArea = document.getElementById('imageArea');
const images = ['画像URL','画像URL','画像URL'];
const imageNo = Math.floor( Math.random() * images.length)
imageArea.src = images[imageNo];
</script>

配列に画像URLを入れ、配列要素数の長さからランダムでキーを取得する。
指定したidのsrc要素にランダムで選んだ配列の1要素を出力する。

コメント

タイトルとURLをコピーしました