Melaksanakan penjanaan nombor rawak loteri berdasarkan kemahiran javascript (versi mudah)_javascript

WBOY
Lepaskan: 2016-05-16 15:20:40
asal
2114 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menggunakan JavaScript untuk mendapatkan kod terperinci untuk tatasusunan rawak dalam tiket loteri Ia dikongsi dengan semua orang untuk rujukan anda. Kandungan khusus adalah seperti berikut

Rendering:

Kod khusus:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Math.random方法彩票随机数的生成</title>
</head>
<body>
  <!-- 设置样式 -->
  <input type="text" id="text">
  <button id="btnGo">开始</button>
  <button id="btnStop">获取随机数组</button>

  <script type="text/javascript">

    //获取节点
    var btnGo = document.getElementById("btnGo");
    var btnStop = document.getElementById("btnStop");
    var text = document.getElementById("text");
    //定义生成最小到最大值的随机函数
    function rand(min,max){
      return parseInt(Math.random()*( max - min + 1) + min);
    }
    
    function start(min,max,length){
      //定义空数组
     var arr = [];

     while(arr.length<length){
         //生成一个随机数prem
        var prem=rand(min,max);
        //判断生成的随机数prem是否在数组arr里,果然不在,就将这个随机数插入到数组里,如果在,执行下一次循环
        if(arr.indexOf(prem) == -1){

          arr.push(prem);
        }
     }
     //返回数组arr
     return arr;
    }

    var timer = 0;
    //单击开始按钮生成随机数组
    btnGo.onclick =function(){
      //清除
      clearInterval(timer);
      timer = setInterval(function() {
       text.value = start(1,33,7);
    },50)
    }
    //单击停止按钮获取一组随机数
    btnStop.onclick =function(){
        clearInterval(timer);
    }
   
  </script>
</body>
</html>
Salin selepas log masuk
Di atas adalah kandungan terperinci artikel ini saya harap ia akan membantu semua orang dalam mempelajari pengaturcaraan javascript.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan