既然有「今日顯示」，那麼我們再來個「隨機顯示」。

我們依舊可以使用 JS 來完成我們所需要的結果。「隨機顯示」跟「今日顯示」一樣，均可使用想用的字串或者是圖片。

這次，我們使用陣列來搭配數學函式物件的 random() 方法，這樣就可順利產生「隨機」的功能。

myStrArr = new Array(); //設定新的字串陣列
myStrArr[0] = "亂數結果——這個字串不會出現";
myStrArr[1] = "字串 01";
myStrArr[2] = "字串 02";
myStrArr[3] = "字串 03";
myStrArr[4] = "字串 04";
myStrArr[5] = "字串 05";

myStrNum = 5; //字串總數(控制亂數結果)
myRanNum = Math.ceil((Math.random() * 10) * myStrNum / 10); //產生亂數
document.write(myStrArr[myRanNum]); //顯示依相對應索引值中的字串

將上述的程式碼複製下來，然後存成一個 JS 檔，然後置於正在使用的佈景主題資料夾下。接著修改「字串 01 」這些東西，改為您想要的字串。修改完畢後，記得將文件存為 UTF-8 編碼格式。

再來就是，在佈景主題的適當檔案中找個位置，將以下語法複製後貼上即可。

<script type="text/javascript" src="<?php echo get_bloginfo('template_directory').'/檔案名稱.js'; ?>"></script>

修改時須注意的事項(例如：您有 10 個字串)：則陣列元素必須到 myStrArr[10] 。將 myStrNum = 5; 改為 myStrNum = 10; 。

文章分類