JavaScript抽奖

2021 年 08 月 27 日

1167 次浏览

2037字数

&lt;!doctype html&gt; <html><head><pre><code>&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;script&gt;
 window.onload = function() {
 const prize = ['自行车', '微波炉', '电视机', '洗衣机', '100万元大奖', '10万元大奖']; //奖项
 let b = document.getElementById('a'); //内容
 let on = document.getElementById('on'); //抽奖暂停
 let off = document.getElementById('off'); //抽奖继续
 let start = null; //定时器重置
 let cs = document.getElementById('cs'); //次数
 let csi = cs.innerHTML; //次数的内容
 let i = 3; //可以进行抽奖的次数
 //console.log(a.length)
 function cj() {
 let x = Math.random();
 x = Math.ceil(x * prize.length - 1);
 //console.log(a[x])
 b.innerHTML = prize[x];
 }
 start = setInterval(cj, 60); //定时器启动
 on.onclick = function() {
 if (i &lt; 1) {
 alert(&quot;您的抽奖次数为0&quot;)
 } else {
 clearInterval(start);
 i--;
 }
 if (a.innerHTML.includes(&quot;谢谢参与&quot;)) {} else { //如果不是谢谢参与，则生成一个1，2的随机数如果这个随机数是二则再来一次，如果不是则谢谢参与
 let y = Math.random();
 y = Math.ceil(y * 2);
 if (y === 2) {
 a.innerHTML = &quot;再来一次&quot;;
 i++;
 } else {
 a.innerHTML = &quot;谢谢参与&quot;;
 }
 }
 }
 off.onclick = function() {
 if (i &lt; 1) {
 alert(&quot;您的抽奖次数为0&quot;)
 } else {
 start = setInterval(cj, 50); //定时器
 }
 }
 setInterval(function() {
 cs.innerHTML = csi + i;
 // console.log(i);
 }, 100)

}
&lt;/script&gt;</code></pre></head><body><pre><code>&lt;p id=&quot;cs&quot;&gt;剩余抽奖次数&lt;/p&gt;
&lt;div id=&quot;a&quot;&gt;&lt;/div&gt;
&lt;input type=&quot;button&quot; value=&quot;抽奖&quot; id=&quot;on&quot;&gt;
&lt;input type=&quot;button&quot; value=&quot;继续&quot; id=&quot;off&quot;&gt;</code></pre></body></html>抽到prize里面的东西概率为0！ 这很pdd <img src="https://cdn.xxhzm.cn/2595557847/handsome/9.0.2/img/emotion/aru/thumb.png" class="emotion-aru">