<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> Micomo </title> </head> <body> <div> <p> 活動倒計時<strong id="endtime"></strong>秒！ </p> <input type="button" id="btn" value="立即購買" disabled="disabled" onClick="func()"/> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.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() { alert("恭喜你搶到一個月餅"); } </script> </body> </html>
搶購代碼
var button = document.getElementsByClassName("btn-biglarge"); //每秒執行一次，若按鈕狀態為可用，進行點擊 setInterval(function() { if (button[0].disabled == false) { button[0].click(); } }, 1000);
打開控制台粘貼回車等待即可！