快捷導(dǎo)航

基于javascript實現(xiàn)彩票隨機(jī)數(shù)生成（簡單版）

更新時間：2020年04月17日 16:23:44 作者：Cakty、Riven

這篇文章主要介紹了基于javascript實現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例講解了JavaScript 實現(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">開始</button>
 <button id="btnStop">獲取隨機(jī)數(shù)組</button>

 <script type="text/javascript">

 //獲取節(jié)點
 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){
   //生成一個隨機(jī)數(shù)prem
  var prem=rand(min,max);
  //判斷生成的隨機(jī)數(shù)prem是否在數(shù)組arr里,果然不在，就將這個隨機(jī)數(shù)插入到數(shù)組里，如果在，執(zhí)行下一次循環(huán)
  if(arr.indexOf(prem) == -1){

   arr.push(prem);
  }
  }
  //返回數(shù)組arr
  return arr;
 }

 var timer = 0;
 //單擊開始按鈕生成隨機(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)容，希望對大家的學(xué)習(xí)javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

js 數(shù)組實現(xiàn)一個類似ruby的迭代器
今天突然發(fā)現(xiàn)js的數(shù)組處理起來真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來真是遜色不少。
2009-10-10
JavaScript中?Promise?的使用技巧
這篇文章主要介紹了JavaScript中?Promise?的使用技巧，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-08-08
深入理解JavaScript系列（28）：設(shè)計模式之工廠模式詳解
這篇文章主要介紹了深入理解JavaScript系列（28）：設(shè)計模式之工廠模式詳解,工廠模式定義一個用于創(chuàng)建對象的接口,這個接口由子類決定實例化哪一個類,需要的朋友可以參考下
2015-03-03
Jquery+javascript實現(xiàn)支付網(wǎng)頁數(shù)字鍵盤
這篇文章主要為大家詳細(xì)介紹了Jquery+javascript實現(xiàn)支付網(wǎng)頁數(shù)字鍵盤，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
基于dropdown.js實現(xiàn)的兩款美觀大氣的二級導(dǎo)航菜單
這篇文章主要介紹了基于dropdown.js實現(xiàn)的兩款美觀大氣的二級導(dǎo)航菜單,通過調(diào)用js插件實現(xiàn)導(dǎo)航效果,非常簡單實用,需要的朋友可以參考下
2015-09-09
利用ECharts.js畫K線圖的方法示例
這篇文章主要給大家介紹了關(guān)于利用ECharts.js畫K線圖的相關(guān)資料,，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-01-01
用javascript對一個json數(shù)組深度賦值示例
本節(jié)主要介紹了用javascript對一個json數(shù)組深度賦值的具體實現(xiàn)，需要的朋友可以參考下
2014-07-07
跟我學(xué)習(xí)javascript的函數(shù)和函數(shù)表達(dá)式
跟我學(xué)習(xí)javascript的函數(shù)和函數(shù)表達(dá)式，詳細(xì)介紹了函數(shù)表達(dá)式、命名函數(shù)表達(dá)式的方法，感興趣的小伙伴們可以參考一下
2015-11-11
Openlayers實現(xiàn)地圖的基本操作
這篇文章主要為大家詳細(xì)介紹了Openlayers實現(xiàn)地圖的基本操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
微信小程序常見的兩種登錄方式詳解
這篇文章主要介紹了微信小程序常見的兩種登錄方式,一種基于手機(jī)號碼進(jìn)行登錄,另一種是使用用戶在公眾號下的唯一標(biāo)識進(jìn)行登錄,需要的朋友可以參考下
2024-05-05