實現效果：每個偶數小時都是秒殺時刻，顯示當前時間到最近的下一個秒殺時刻的倒計時。

網頁部分：

<div id="box"><span id="end"></span><br><span id="hour">02</span><span>:</span><span id="minute">00</span><span>:</span><span id="second">00</span>
</div>

?js部分：

<script>//獲取節點對象var eobj = document.getElementById('end');var bobj = document.getElementById('box');var hobj = document.getElementById('hour');var mobj = document.getElementById('minute');var sobj = document.getElementById('second');//聲明時、分、秒var th, tm, ts;function times() {var enddate = new Date(); //獲取結束時間var nowDate = new Date(); //獲取當前時間var h = enddate.getHours(); //獲取結束時間的小時//兩小時秒殺if (h % 2) {h++;} else {h += 2;}eobj.innerHTML = h + ':00'; //顯示結束時間// 設置結束時間enddate.setHours(h);enddate.setMinutes(0);enddate.setSeconds(0);//  計算結束時間和當前時間差值var diff = (enddate - nowDate) / 1000 //獲取時間差，除以1000是以秒為單位//console.log(diff);if (diff >= 0) {//通過取余實現時分秒的每60進一位th = Math.floor(diff / 60 / 60);tm = Math.floor(diff / 60 % 60);ts = Math.floor(diff % 60);//當時分秒為個位數時加個0th < 10 ? th = '0' + th : th;tm < 10 ? tm = '0' + tm : tm;ts < 10 ? ts = '0' + ts : ts;diff--;} else {clearInterval(timer); //當時間差小于零時停止計時（clearInterval）alert("時間到，結束!")}//將獲得的時分秒結果重新賦給相應的內容中hobj.innerHTML = String(th);mobj.innerHTML = String(tm);sobj.innerHTML = String(ts);}//添加計時器（setInterval）每1000毫秒運行一次timer = setInterval(times, 1000);times();</script>

?

總結

以上是生活随笔為你收集整理的js实现京东秒杀的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。