萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js抽獎實現隨機抽獎代碼效果

js抽獎實現隨機抽獎代碼效果

 這篇文章主要介紹了js隨機抽獎代碼效果,大家參考使用 

隨機抽取,簡單代碼。      代碼如下:  <html>  <title>隨機抽獎程序</title>  <head><meta http-equiv=Content-Type content="text/html; charset=gb2312">  </head>  <body>  <script type="text/javascript">  var alldata = "a,b,c,d,e"  var alldataarr = alldata.split(",");  var num = alldataarr.length-1 ;  var timer  function change()  {  document.getElementById("oknum").innerHTML = alldataarr[GetRnd(0,num)];  }  function start(){  clearInterval(timer);  timer = setInterval('change()',10);  }  function ok(){  clearInterval(timer);  document.getElementById("showresult").value=document.getElementById("oknum").innerText;  }  function GetRnd(min,max){  return parseInt(Math.random()*(max-min+1));  }  </script>  <center>  <div id="oknum" name="oknum" >請單擊開始</div>  <button onclick="start()" accesskey="s">開始</button>  <button onclick="ok()" accesskey="o">停止</button>  您的選擇是:  <input type="text" id="showresult" value="">    </center>    </body>  </html>    
copyright © 萬盛學電腦網 all rights reserved