當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JS的秒杀倒计时
代碼?
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title></title> </head> <body onload="miaosha();"><p class="tit_right" style=""><span id="d" style="">00</span>天<span id="h" style="">00</span>時(shí)<span id="m" style="">00</span>分<span id="s" style="">00</span>秒</p></body> </html><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script>var timer = null;// 秒殺函數(shù)function miaosha(year, month, day, hour, minute, second) {// 剩余時(shí)間:設(shè)定的-當(dāng)前的var leftTime = (new Date(year, month - 1, day, hour, minute, second)) - (new Date());// parseInt()返回一個(gè)整數(shù)。得出剩余的時(shí)分秒var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);var seconds = parseInt(leftTime / 1000 % 60, 10);// 結(jié)束的時(shí)候if (seconds < 0) {alert("快點(diǎn)!");clearTimeout(timer);}else {// 格式的轉(zhuǎn)化days = fix(days, 2);hours = fix(hours, 2);minutes = fix(minutes, 2);seconds = fix(seconds, 2);// 遞歸調(diào)用 注意:比當(dāng)前時(shí)間大!timer = setTimeout("miaosha(2019,04,25,10,56,00)", 1000); 設(shè)置開始的時(shí)間// 設(shè)置時(shí)分秒document.getElementById("h").innerHTML = hours;document.getElementById("m").innerHTML = minutes;document.getElementById("s").innerHTML = seconds;document.getElementById("d").innerHTML = days;}}//fix函數(shù):數(shù)字加0function fix(num, length) {console.log(num);// 數(shù)字轉(zhuǎn)化為字符串 進(jìn)行拼接return num.toString().length<length?'0'+num:num;} </script>顯示?
總結(jié)
- 上一篇: 股市中吃面是什么意思
- 下一篇: pe指的是什么