首頁 web前端 js教程 JavaScript 创建随机数和随机图片_javascript技巧

JavaScript 创建随机数和随机图片_javascript技巧

May 16, 2016 pm 06:39 PM
隨機數

创建随机数
①自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需刷新才能执行]

  如果要在你的网页中使用该随机数发生器,必须把这段代码放在 和 标记之间。
  要创建一个随机浮点数时,使用rnd();要创建一个随机整数时,例如,1到10时,使用rand(10)。
  下面创建随机图片的例子中,就是用这个随机数发生器来产生随机数的,因此,要使下面的例子能正常工作,要确保你的网页中已包含上面这段代码。
创建随机图片
  创建随机图片,这是利用随机数所能做的最简单的事了。此例中,我们假设有10张图片,  banner1.gif.....banner10.gif,每当文档被载入时,我们希望能随机地显示这些图片。

  如果图片不是以数字的形式来命名的,或者图片的类型或大小不一样时,那么,你也可以通过检查随机数的值,然后显示相应的图片:
复制代码 代码如下:



  上面介绍了怎样随机显示图片,同样的道理,也可以利用随机数创建随机的文本、表单、标题广告、URL 、背景颜色和图像、调查表和帧等等,这里就不再多说了.
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何在 Excel 中建立隨機數產生器 如何在 Excel 中建立隨機數產生器 Apr 14, 2023 am 09:46 AM

如何使用 RANDBETWEEN 在 Excel 中產生隨機數字如果要產生特定範圍內的隨機數,RANDBETWEEN 函數是一種快速簡單的方法。這允許您在您選擇的任何兩個值之間產生隨機整數。使用 RANDBETWEEN 在 Excel 中產生隨機數:按一下您希望出現第一個隨機數的儲存格。鍵入=RANDBETWEEN(1,500)將「1」替換為您要產生的最低隨機數,將「500」替換為

Java隨機數產生效能優化方法 Java隨機數產生效能優化方法 Jun 30, 2023 pm 12:25 PM

如何優化Java開發中的隨機數產生效能隨機數在電腦科學上有廣泛的應用,特別是在密碼學、模擬、遊戲等領域。在Java開發中,我們常常需要產生隨機數來滿足各種需求。然而,隨機數產生的效能通常是開發者關注的問題之一。本文將探討如何優化Java開發中的隨機數產生效能。使用ThreadLocalRandom類別在Java7中引入了ThreadLocalRandom類

如何使用PHP數組產生隨機數字和驗證碼 如何使用PHP數組產生隨機數字和驗證碼 Jul 16, 2023 am 08:31 AM

如何使用PHP數組產生隨機數字和驗證碼隨機數和驗證碼在開發網站和應用程式過程中非常常見。 PHP提供了各種方法來產生隨機數字和驗證碼。本文將介紹如何使用PHP數組產生隨機數字和驗證碼,並附帶對應的程式碼範例。一、產生隨機數在PHP中,我們可以使用rand()函數來產生隨機數。 rand()函數需要兩個參數,即最小值和最大值。範例程式碼如下:$min=1;$max=

使用Go語言文件中的crypto/rand.Read函數產生隨機數 使用Go語言文件中的crypto/rand.Read函數產生隨機數 Nov 04, 2023 pm 03:39 PM

使用Go語言產生隨機數Go語言是一種現代化、簡潔和高效的程式語言,提供了許多內建程式庫,可用於產生隨機數。其中,crypto/rand套件提供了一系列函數來產生安全的隨機數。在本文中,我們將透過使用crypto/rand套件中的Read函數來產生隨機數。首先,我們需要匯入crypto/rand包,並建立一個位元組數組來儲存隨機數。程式碼範例如下:packagemain

Java中如何使用Random.nextInt()方法產生隨機數? Java中如何使用Random.nextInt()方法產生隨機數? Nov 18, 2023 pm 03:44 PM

Java中如何使用Random.nextInt()方法產生隨機數?隨機數在電腦科學有廣泛應用,可用於產生密碼、遊戲中的隨機事件、資料科學中的隨機抽樣等。 Java中提供了Random類別來產生隨機數,其中的nextInt()方法可以用來產生一個隨機整數。以下我將介紹如何使用Random.nextInt()方法產生隨機數,並提供具體的程式碼範例。首先,我們需要

如何避免在 Golang 中產生重複的隨機數? 如何避免在 Golang 中產生重複的隨機數? Jun 01, 2024 pm 04:46 PM

在Golang中避免產生重複隨機數的方法:建立一個新的隨機數產生器rand.New(rand.Source)。使用rand.NewSource(time.Now().UnixNano())作為熵源。使用rand.Intn(n)產生隨機整數。

深入了解numpy中的隨機數產生方法和應用 深入了解numpy中的隨機數產生方法和應用 Jan 03, 2024 am 08:23 AM

探索NumPy產生隨機數的方法及應用引言:隨機數在電腦科學和統計學中有著廣泛的應用,例如模擬實驗、資料產生和特徵選擇等。在Python中,NumPy(NumericalPython)庫是一個強大的數值計算庫,提供了許多用於產生隨機數的函數。本文將對NumPy中的隨機數產生方法進行探索,並給出具體的程式碼範例。一、NumPy的隨機數產生函數NumPy提供

在C語言中的隨機密碼產生器 在C語言中的隨機密碼產生器 Sep 03, 2023 pm 05:25 PM

在本文中,我們將深入探討與C程式設計中的字串操作相關的一個有趣且實用的問題。我們將在C語言中建構一個「隨機密碼產生器」。這個問題不僅可以增強您對字串操作的理解,還可以增加您對C標準庫的知識。問題陳述任務是建立一個產生指定長度的隨機密碼的程式。密碼應包含大小寫字母、數字和特殊字元。 C解決方案方法為了解決這個問題,我們將利用C標準函式庫的強大功能。我們將使用rand()函數在指定範圍內產生隨機數。我們將創建一個包含密碼可能包含的所有字符的字串,然後對於密碼中的每個字符,我們將從這個字串中隨機選擇一個

See all articles