<!doctype html>

<meta charset="utf-8">
<title>无标题文档</title>
<script>
    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 < 1) {
                alert("您的抽奖次数为0")
            } else {
                clearInterval(start);
                i--;
            }
            if (a.innerHTML.includes("谢谢参与")) {} else { //如果不是谢谢参与,则生成一个1,2的随机数如果这个随机数是二则再来一次,如果不是则谢谢参与
                let y = Math.random();
                y = Math.ceil(y * 2);
                if (y === 2) {
                    a.innerHTML = "再来一次";
                    i++;
                } else {
                    a.innerHTML = "谢谢参与";
                }
            }
        }
        off.onclick = function() {
            if (i < 1) {
                alert("您的抽奖次数为0")
            } else {
                start = setInterval(cj, 50); //定时器
            }
        }
        setInterval(function() {
            cs.innerHTML = csi + i;
            // console.log(i);
        }, 100)

    }
</script>

<p id="cs">剩余抽奖次数</p>
<div id="a"></div>
<input type="button" value="抽奖" id="on">
<input type="button" value="继续" id="off">

抽到prize里面的东西概率为0!
这很pdd

最后修改:2021 年 08 月 26 日 05 : 05 PM
如果觉得我的文章对你有用,请随意赞赏