基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成（簡(jiǎn)單版）
更新時(shí)間：2020年04月17日 16:23:44 作者：Cakty、Riven
這篇文章主要介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文實(shí)例講解了JavaScript 實(shí)現(xiàn)彩票中隨機(jī)數(shù)組的獲取詳細(xì)代碼，分享給大家供大家參考，具體內(nèi)容如下
效果圖：
具體代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Math.random方法彩票隨機(jī)數(shù)的生成</title>
</head>
<body>
<!-- 設(shè)置樣式 -->
<input type="text" id="text">
<button id="btnGo">開(kāi)始</button>
<button id="btnStop">獲取隨機(jī)數(shù)組</button>
<script type="text/javascript">
//獲取節(jié)點(diǎn)
var btnGo = document.getElementById("btnGo");
var btnStop = document.getElementById("btnStop");
var text = document.getElementById("text");
//定義生成最小到最大值的隨機(jī)函數(shù)
function rand(min,max){
return parseInt(Math.random()*( max - min + 1) + min);
}
function start(min,max,length){
//定義空數(shù)組
var arr = [];
while(arr.length<length){
//生成一個(gè)隨機(jī)數(shù)prem
var prem=rand(min,max);
//判斷生成的隨機(jī)數(shù)prem是否在數(shù)組arr里,果然不在，就將這個(gè)隨機(jī)數(shù)插入到數(shù)組里，如果在，執(zhí)行下一次循環(huán)
if(arr.indexOf(prem) == -1){
arr.push(prem);
}
}
//返回?cái)?shù)組arr
return arr;
}
var timer = 0;
//單擊開(kāi)始按鈕生成隨機(jī)數(shù)組
btnGo.onclick =function(){
//清除
clearInterval(timer);
timer = setInterval(function() {
text.value = start(1,33,7);
},50)
}
//單擊停止按鈕獲取一組隨機(jī)數(shù)
btnStop.onclick =function(){
clearInterval(timer);
}
</script>
</body>
</html>
以上就是本文的詳細(xì)內(nèi)容，希望對(duì)大家的學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- JS簡(jiǎn)單隨機(jī)數(shù)生成方法
- JS簡(jiǎn)單生成兩個(gè)數(shù)字之間隨機(jī)數(shù)的方法
- js生成隨機(jī)數(shù)(指定范圍)的實(shí)例代碼
- JS生成不重復(fù)的隨機(jī)數(shù)組的簡(jiǎn)單實(shí)例
- 基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成（升級(jí)版）
- javascript生成隨機(jī)數(shù)方法匯總
- 在javascript中隨機(jī)數(shù) math random如何生成指定范圍數(shù)值的隨機(jī)數(shù)
- js生成隨機(jī)數(shù)的方法實(shí)例
- javascript生成不重復(fù)的隨機(jī)數(shù)
- JS實(shí)現(xiàn)的生成隨機(jī)數(shù)的4個(gè)函數(shù)分享
- javascript根據(jù)時(shí)間生成m位隨機(jī)數(shù)最大13位
- JavaScript簡(jiǎn)單生成 N~M 之間隨機(jī)數(shù)的方法
相關(guān)文章
解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問(wèn)題
今天小編就為大家分享一篇解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
javascript實(shí)現(xiàn)促銷倒計(jì)時(shí)+fixed固定在底部
一個(gè)不錯(cuò)的示例使用javascript實(shí)現(xiàn)的促銷倒計(jì)時(shí)且同時(shí)擁有fixed固定在底部，而且兼容ie6，喜歡的朋友可以參考下2013-09-09
設(shè)置與獲取樣式屬性是UI控件與特效庫(kù)非常關(guān)鍵的部分，設(shè)置樣式我們基本可以用cssText來(lái)包打天下，但獲取樣式就不是這回事了。2010-01-01
js中事件冒泡、事件捕獲一直都是困擾大家的問(wèn)題，本文利用大量代碼解釋了js中事件冒泡與事件捕獲，希望對(duì)小伙伴們有所幫助2021-08-08
這篇文章主要介紹了詳解webpack分離css單獨(dú)打包，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
JavaScript 模式之工廠模式(Factory)應(yīng)用介紹
工廠模式也是對(duì)象創(chuàng)建模式之一，它通常在類或類的靜態(tài)方法中去實(shí)現(xiàn),本文將詳細(xì)介紹JavaScript 工廠模式2012-11-11
今天小編就為大家分享一篇解決layer彈出層中表單不起作用的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
最近微信小程序?qū)τ趯徍诵〕绦蛱岢隽藥в衱x.login、wx.getUserInfo接口的調(diào)整，并提出了一個(gè)新的接口供開(kāi)發(fā)者調(diào)用，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下2021-06-06
JavaScript模擬實(shí)現(xiàn)自由落體效果
這篇文章主要為大家詳細(xì)介紹了JavaScript模擬實(shí)現(xiàn)自由落體效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
想必大家都注意到marquee的不循環(huán)滾動(dòng),所以出現(xiàn)了很多替代腳本，接下來(lái)為大家詳細(xì)介紹下：向左滾動(dòng)/圖片左無(wú)縫滾動(dòng)/向下滾動(dòng)/圖片下無(wú)縫滾動(dòng)/向上滾動(dòng)的實(shí)現(xiàn)2013-04-04