首頁 > 開發者 > JavaScript

JavaScript 建立隨機數和隨機圖片

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

建立隨機數
①自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"><!--
document.write('<img src="../images/banner' + rand(10) + '.gif" width=400 height=40>');
//--></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>

　　上面介紹了怎樣隨機顯示圖片，同樣的道理，也可以利用隨機數建立隨機的文本、表單、標題廣告、URL 、背景顏色和映像、調查表和幀等等，這裡就不再多說了.

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
formatmoney javascript javascript getdatetime unlink javascript hmac javascript javascript session javascript addslashes javascript bindto
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More