JS实现抽奖代码（0-999随机数开始暂停抽奖按钮）

最新推荐文章于 2024-10-09 11:34:15 发布

CarryKai的凯

最新推荐文章于 2024-10-09 11:34:15 发布

阅读量5.6k

点赞数 3

文章标签： JS抽奖代码

本文链接：https://blog.csdn.net/weixin_40264260/article/details/85082470

版权

今天给大家说一说JS抽奖随机代码，

抽奖是从0-999的随机数，一般是设置为两个按钮，“开始抽奖”和“暂停抽奖”，

但今天只设置一个按钮，让开始抽奖和暂停抽奖按钮状态进行切换

主要是设置一个状态位，然后判断状态位的变化，进行修改其值。

<html>
<head>
   <meta charset="UTF-8">
   <title>抽奖（0-999）程序代码</title>
   <style type="text/css">
   body{
background-color:#990000;
font-size: 70px;
text-align: center;
   }
   </style>
   <script type="text/javascript">
   var run = false; //状态位

       function count(){

           num.innerHTML=parseInt(Math.random()*999);
       }
       function a(){
           if (true==run){
               clearInterval(timerID);
               start.value="开始抽奖";
               run = false;
           }else if(false==run){
               timerID=setInterval("count()",10);
               start.value="暂停抽奖";
               run = true;
           }
       }
   </script>
</head>
<body>
   抽奖程序<br/>
   <font id="num" face="impact" color="yellow">999</font><br/>
   <input type="button" id="start" value="开始抽奖" οnclick="a()"/>
</body>
</html>