亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間:2020年04月17日 16:23:44   作者:Cakty、Riven  
這篇文章主要介紹了基于javascript實現(xiàn)彩票隨機數(shù)生成的相關(guān)資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下

本文實例講解了JavaScript 實現(xiàn)彩票中隨機數(shù)組的獲取詳細代碼,分享給大家供大家參考,具體內(nèi)容如下

效果圖:

具體代碼:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Math.random方法彩票隨機數(shù)的生成</title>
</head>
<body>
 <!-- 設(shè)置樣式 -->
 <input type="text" id="text">
 <button id="btnGo">開始</button>
 <button id="btnStop">獲取隨機數(shù)組</button>

 <script type="text/javascript">

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

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

 var timer = 0;
 //單擊開始按鈕生成隨機數(shù)組
 btnGo.onclick =function(){
  //清除
  clearInterval(timer);
  timer = setInterval(function() {
  text.value = start(1,33,7);
 },50)
 }
 //單擊停止按鈕獲取一組隨機數(shù)
 btnStop.onclick =function(){
  clearInterval(timer);
 }
 
 </script>
</body>
</html>

以上就是本文的詳細內(nèi)容,希望對大家的學習javascript程序設(shè)計有所幫助。

相關(guān)文章

  • 解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題

    解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題

    今天小編就為大家分享一篇解決layui前端框架 form表單,table表等內(nèi)置控件不顯示的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • javascript實現(xiàn)促銷倒計時+fixed固定在底部

    javascript實現(xiàn)促銷倒計時+fixed固定在底部

    一個不錯的示例使用javascript實現(xiàn)的促銷倒計時且同時擁有fixed固定在底部,而且兼容ie6,喜歡的朋友可以參考下
    2013-09-09
  • javascript 精確獲取樣式屬性(上)

    javascript 精確獲取樣式屬性(上)

    設(shè)置與獲取樣式屬性是UI控件與特效庫非常關(guān)鍵的部分,設(shè)置樣式我們基本可以用cssText來包打天下,但獲取樣式就不是這回事了。
    2010-01-01
  • 淺析js中事件冒泡與事件捕獲

    淺析js中事件冒泡與事件捕獲

    js中事件冒泡、事件捕獲一直都是困擾大家的問題,本文利用大量代碼解釋了js中事件冒泡與事件捕獲,希望對小伙伴們有所幫助
    2021-08-08
  • 詳解webpack分離css單獨打包

    詳解webpack分離css單獨打包

    這篇文章主要介紹了詳解webpack分離css單獨打包,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • JavaScript 模式之工廠模式(Factory)應用介紹

    JavaScript 模式之工廠模式(Factory)應用介紹

    工廠模式也是對象創(chuàng)建模式之一,它通常在類或類的靜態(tài)方法中去實現(xiàn),本文將詳細介紹JavaScript 工廠模式
    2012-11-11
  • 解決layer彈出層中表單不起作用的問題

    解決layer彈出層中表單不起作用的問題

    今天小編就為大家分享一篇解決layer彈出層中表單不起作用的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 小程序wx.getUserProfile接口的具體使用

    小程序wx.getUserProfile接口的具體使用

    最近微信小程序?qū)τ趯徍诵〕绦蛱岢隽藥в衱x.login、wx.getUserInfo接口的調(diào)整,并提出了一個新的接口供開發(fā)者調(diào)用,本文就詳細的介紹一下如何使用,感興趣的可以了解一下
    2021-06-06
  • JavaScript模擬實現(xiàn)自由落體效果

    JavaScript模擬實現(xiàn)自由落體效果

    這篇文章主要為大家詳細介紹了JavaScript模擬實現(xiàn)自由落體效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-08-08
  • 圖片無縫滾動代碼(向左/向下/向上)

    圖片無縫滾動代碼(向左/向下/向上)

    想必大家都注意到marquee的不循環(huán)滾動,所以出現(xiàn)了很多替代腳本,接下來為大家詳細介紹下:向左滾動/圖片左無縫滾動/向下滾動/圖片下無縫滾動/向上滾動的實現(xiàn)
    2013-04-04

最新評論