快捷導(dǎo)航

JavaScript 創(chuàng)建隨機(jī)數(shù)和隨機(jī)圖片

更新時(shí)間：2009年12月14日 23:20:45 作者：

關(guān)于javascript隨機(jī)數(shù)的，很早以前的文章了，不過內(nèi)容還是不錯(cuò)的，如果想要更多的效果，可以去腳本之家搜下。

創(chuàng)建隨機(jī)數(shù)
①自JavaScript產(chǎn)生后，好多瀏覽器中都有內(nèi)置的隨機(jī)數(shù)發(fā)生方法。例如：
var number = Math.random();
該方法產(chǎn)生一個(gè)0到1之間的浮點(diǎn)數(shù)。
②基于時(shí)間，亦可以產(chǎn)生隨機(jī)數(shù)。例如：
var now=new Date();
var number = now.getSeconds();
這將產(chǎn)生一個(gè)基于目前時(shí)間的0到59的整數(shù)。
var now=new Date();
var number = now.getSeconds()%43;
這將產(chǎn)生一個(gè)基于目前時(shí)間的0到42的整數(shù)。
③這里介紹一個(gè)相當(dāng)優(yōu)秀的的隨機(jī)數(shù)發(fā)生器程序，能應(yīng)用于許多領(lǐng)域。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

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

復(fù)制代碼代碼如下:

 
<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> 