JavaScript 創建隨機數和隨機圖片

2019-11-21 00:54:33

字體：大中小

來源：轉載

供稿：網友

創建隨機數
①自JavaScript產生后，好多瀏覽器中都有內置的隨機數發生方法。例如：
var number = Math.random();
該方法產生一個0到1之間的浮點數。
②基于時間，亦可以產生隨機數。例如：
var now=new Date();
var number = now.getSeconds();
這將產生一個基于目前時間的0到59的整數。
var now=new Date();
var number = now.getSeconds()%43;
這將產生一個基于目前時間的0到42的整數。
③這里介紹一個相當優秀的的隨機數發生器程序，能應用于許多領域。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

如果要在你的網頁中使用該隨機數發生器，必須把這段代碼放在<HEAD> 和 </HEAD>標記之間。
　　要創建一個隨機浮點數時，使用rnd()；要創建一個隨機整數時，例如，1到10時，使用rand(10)。
　　下面創建隨機圖片的例子中，就是用這個隨機數發生器來產生隨機數的，因此，要使下面的例子能正常工作，要確保你的網頁中已包含上面這段代碼。
創建隨機圖片
　　創建隨機圖片，這是利用隨機數所能做的最簡單的事了。此例中，我們假設有10張圖片，　　banner1.gif.....banner10.gif，每當文檔被載入時，我們希望能隨機地顯示這些圖片。
<script language="JavaScript"></script>
　　如果圖片不是以數字的形式來命名的，或者圖片的類型或大小不一樣時，那么，你也可以通過檢查隨機數的值，然后顯示相應的圖片：

復制代碼代碼如下:

 
<script language="JavaScript"><!-- 
var number = rand(10); 
if (number == 1) { 
　　var picture = "one.gif";var width = 400;var height = 40; 
} 
else if (number == 2) { 
　　var picture = "two.jpg";var width = 200;var height = 20; 
} 
... 
... 
else if (number == 9) { 
　　var picture = "nine.gif";var width = 450;var height = 450; 
} 
else if (number == 10) { 
　　var picture = "ten.jpg";var width = 40;var height = 400; 
} 
document.write('<img src="../images/' + picture + '" width=' + width + ' height=' + height + '>'); 
//--></script> 