抢月饼脚本

野性酷女 2023-10-06 08:59 66阅读 0赞

抢月饼案例：

<!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <title></title>
        </head>
    
        <body>
            <div>
                <p>
                    活动倒计时<strong id="endtime"></strong>秒！
                </p>
                <input type="button" id="btn" value="立即购买" disabled="disabled" onClick="func()" />
                <br />
                <div id="test"></div>
    
            </div>
            <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js"></script>
            <script type="text/javascript">
                //倒计时30秒
                var i = 30;
    
                function remainTime() {
                    if(i > 0) {
                        document.getElementById("endtime").innerHTML = i--;
                        setTimeout("remainTime()", 1000);
    
                    }
                    if(i == 0) {
                        $("p").text("活动开始");
                        $("p").css("background-color", "yellow");
                        //倒计时结束，按钮状态改为可用
                        document.getElementById("btn").disabled = false;
                    }
    
                }
                remainTime();
    
                //点击按钮触发的方法
                function func() {
                    document.getElementById("test").innerHTML += "恭喜你抢到一个月饼<br>";
                }
            </script>
    
            <script type="text/javascript">
                /**
                 * F12 console 运行
                 */
                var button = document.getElementById("btn");
                //每秒执行一次，若按钮状态为可用，进行点击
                setInterval(function() {
                    if(button.disabled == false) {
                        button.click();
    
                    }
                }, 1000);
            </script>
        </body>
    
    </html>