您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js抽奖实现随机抽奖代码效果

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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>