首页用JavaScript写个限时秒杀网页

用JavaScript写个限时秒杀网页

时间: 2023-07-04 07:04:12 浏览: 61

好的，下面是一个简单的限时秒杀网页的JavaScript代码示例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>限时秒杀</title> </head> <body> <h1>限时秒杀活动</h1> <p id="countdown"></p> <button id="btn" disabled>立即抢购</button> <script> // 设置秒杀结束时间（假设为当前时间的10秒后） var endTime = new Date().getTime() + 10000; // 更新倒计时 var countdownInterval = setInterval(function() { // 计算剩余时间 var timeLeft = endTime - new Date().getTime(); // 更新倒计时显示 var secondsLeft = Math.floor(timeLeft / 1000); document.getElementById("countdown").innerHTML = "距离秒杀结束还有 " + secondsLeft + " 秒"; // 判断是否结束 if (timeLeft <= 0) { clearInterval(countdownInterval); document.getElementById("countdown").innerHTML = "秒杀已结束"; document.getElementById("btn").disabled = true; } // 判断是否开始 else if (secondsLeft <= 10) { document.getElementById("btn").disabled = false; } }, 1000); // 点击抢购按钮 document.getElementById("btn").onclick = function() { alert("恭喜您成功抢购！"); }; </script> </body> </html> ``` 这段代码实现了一个简单的限时秒杀网页，其中： 1. 在页面上显示秒杀结束的倒计时，并根据时间的变化自动更新倒计时。 2. 当倒计时小于等于 10 秒时，抢购按钮变为可点击状态。 3. 点击抢购按钮后弹出提示框，表示抢购成功。你可以根据实际需求进行修改和扩展。