JavaScript 創(chuàng)建隨機數(shù)和隨機圖片
更新時間:2009年12月14日 23:20:45 作者:
關于javascript隨機數(shù)的,很早以前的文章了,不過內(nèi)容還是不錯的,如果想要更多的效果,可以去腳本之家搜下。
創(chuàng)建隨機數(shù)
①自JavaScript產(chǎn)生后,好多瀏覽器中都有內(nèi)置的隨機數(shù)發(fā)生方法。例如:
var number = Math.random();
該方法產(chǎn)生一個0到1之間的浮點數(shù)。
②基于時間,亦可以產(chǎn)生隨機數(shù)。例如:
var now=new Date();
var number = now.getSeconds();
這將產(chǎn)生一個基于目前時間的0到59的整數(shù)。
var now=new Date();
var number = now.getSeconds()%43;
這將產(chǎn)生一個基于目前時間的0到42的整數(shù)。
③這里介紹一個相當優(yōu)秀的的隨機數(shù)發(fā)生器程序,能應用于許多領域。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果要在你的網(wǎng)頁中使用該隨機數(shù)發(fā)生器,必須把這段代碼放在<HEAD> 和 </HEAD>標記之間。
要創(chuàng)建一個隨機浮點數(shù)時,使用rnd();要創(chuàng)建一個隨機整數(shù)時,例如,1到10時,使用rand(10)。
下面創(chuàng)建隨機圖片的例子中,就是用這個隨機數(shù)發(fā)生器來產(chǎn)生隨機數(shù)的,因此,要使下面的例子能正常工作,要確保你的網(wǎng)頁中已包含上面這段代碼。
創(chuàng)建隨機圖片
創(chuàng)建隨機圖片,這是利用隨機數(shù)所能做的最簡單的事了。此例中,我們假設有10張圖片, banner1.gif.....banner10.gif,每當文檔被載入時,我們希望能隨機地顯示這些圖片。
<script language="JavaScript"><!--
document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');
//--></script>
如果圖片不是以數(shù)字的形式來命名的,或者圖片的類型或大小不一樣時,那么,你也可以通過檢查隨機數(shù)的值,然后顯示相應的圖片:
<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>
上面介紹了怎樣隨機顯示圖片,同樣的道理,也可以利用隨機數(shù)創(chuàng)建隨機的文本、表單、標題廣告、URL 、背景顏色和圖像、調(diào)查表和幀等等,這里就不再多說了.
①自JavaScript產(chǎn)生后,好多瀏覽器中都有內(nèi)置的隨機數(shù)發(fā)生方法。例如:
var number = Math.random();
該方法產(chǎn)生一個0到1之間的浮點數(shù)。
②基于時間,亦可以產(chǎn)生隨機數(shù)。例如:
var now=new Date();
var number = now.getSeconds();
這將產(chǎn)生一個基于目前時間的0到59的整數(shù)。
var now=new Date();
var number = now.getSeconds()%43;
這將產(chǎn)生一個基于目前時間的0到42的整數(shù)。
③這里介紹一個相當優(yōu)秀的的隨機數(shù)發(fā)生器程序,能應用于許多領域。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果要在你的網(wǎng)頁中使用該隨機數(shù)發(fā)生器,必須把這段代碼放在<HEAD> 和 </HEAD>標記之間。
要創(chuàng)建一個隨機浮點數(shù)時,使用rnd();要創(chuàng)建一個隨機整數(shù)時,例如,1到10時,使用rand(10)。
下面創(chuàng)建隨機圖片的例子中,就是用這個隨機數(shù)發(fā)生器來產(chǎn)生隨機數(shù)的,因此,要使下面的例子能正常工作,要確保你的網(wǎng)頁中已包含上面這段代碼。
創(chuàng)建隨機圖片
創(chuàng)建隨機圖片,這是利用隨機數(shù)所能做的最簡單的事了。此例中,我們假設有10張圖片, banner1.gif.....banner10.gif,每當文檔被載入時,我們希望能隨機地顯示這些圖片。
<script language="JavaScript"><!--
document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');
//--></script>
如果圖片不是以數(shù)字的形式來命名的,或者圖片的類型或大小不一樣時,那么,你也可以通過檢查隨機數(shù)的值,然后顯示相應的圖片:
復制代碼 代碼如下:
<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>
上面介紹了怎樣隨機顯示圖片,同樣的道理,也可以利用隨機數(shù)創(chuàng)建隨機的文本、表單、標題廣告、URL 、背景顏色和圖像、調(diào)查表和幀等等,這里就不再多說了.
您可能感興趣的文章:
相關文章
layer彈出層的關閉問題詳解之在執(zhí)行完畢后關閉當前彈出層
在前端頁面中用layer打開窗口供用戶輸入或選擇是非常常見的用法,但是有時為了完成一次操作,需要彈出多個窗口進行選擇、輸入或者提示,因此在關閉窗口的時候需要實現(xiàn)指定關閉任意窗口,需要的朋友可以參考下2023-10-10JS一維數(shù)組轉化為三維數(shù)組的實現(xiàn)示例
很多時候,跟后端接口開發(fā)對接時,因為需求的關系,需要前端地區(qū)數(shù)據(jù)跟后端的數(shù)據(jù)要一一對應,有時候需要的是多維數(shù)據(jù),這篇文章主要介紹了JS一維數(shù)組轉化為三維數(shù)組的實現(xiàn)示例,感興趣的可以了解一下2021-12-12js對數(shù)組中的數(shù)字從小到大排序實現(xiàn)代碼
對數(shù)組中的數(shù)字從小到大排序,很多時候需要用的多,需要的朋友可以參考下2012-09-09TypeScript 安裝使用及基本數(shù)據(jù)類型
這篇文章主要介紹了TypeScript 安裝使用及基本數(shù)據(jù)類型,本文分步驟給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-03-03JavaScript 事件監(jiān)聽實例代碼[兼容IE,firefox] 含注釋
JavaScript事件監(jiān)聽完整實例 含注釋,非常的不錯,大家可以直接使用。2009-08-08