一年一度的雙十二如期而至,今天的你買買買了嗎,下面小編給大家分享一個(gè)動(dòng)態(tài)秒殺倒計(jì)時(shí)功能。
效果圖
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="noStart">活動(dòng)未開始</div> <div class="div1" id="startNow" >開始購買</div> <div class="div2" id="stopNow" >活動(dòng)結(jié)束</div> <div> <span class="content"></span> <span class="botHours"></span>時(shí) <span class="botMIn"></span>分 <span class="botSecond"></span>秒 </div> </body> </html> <script src="js/jquery.min.js"></script> <script> $(function() { fn() function fn() { var timer = setInterval(function() { var start = '2019/03/13 00:00:00'; var StartTime = new Date(start); var NowTime = new Date(); var day = NowTime.getDate(); var month = NowTime.getMonth() + 1; var year = NowTime.getFullYear(); var tw = year + '/' + month + '/' + day + ' 09:00:00'; var ei = year + '/' + month + '/' + day + ' 10:00:00'; var tw1 = year + '/' + month + '/' + day +' 14:00:00'; var ei1 = year + '/' + month + '/' + day +' 15:00:00'; tw = new Date(tw).getTime(); ei = new Date(ei).getTime(); tw1 = new Date(tw1).getTime(); ei1 = new Date(ei1).getTime(); var EndTime = ''; if(NowTime < StartTime) { EndTime = StartTime; $('#stopNow').css('display', 'none'); $('#startNow').css('display', 'none'); $('#noStart').css('display', 'block'); $(".content").html("距離活動(dòng)開始") } else { if(NowTime < tw) { EndTime = tw; $('#stopNow').css('display', 'none'); $('#startNow').css('display', 'none'); $('#noStart').css('display', 'block'); $(".content").html("距離活動(dòng)開始剩余") } else if(NowTime >= tw && NowTime < ei) { EndTime = ei; $('#stopNow').css('display', 'none'); $('#startNow').css('display', 'block'); $('#noStart').css('display', 'none'); $(".content").html("距離活動(dòng)結(jié)束剩余") }else if(NowTime < tw1){ EndTime =tw1; $('#stopNow').css('display', 'none'); $('#startNow').css('display', 'none'); $('#noStart').css('display', 'block'); $(".content").html("距離活動(dòng)開始剩余") } else if(NowTime >= tw1 && NowTime < ei1) { EndTime = ei1; $('#stopNow').css('display', 'none'); $('#startNow').css('display', 'block'); $('#noStart').css('display', 'none'); $(".content").html("距離活動(dòng)結(jié)束剩余") }else if(NowTime >= ei1) { EndTime = tw + 24 * 60 * 60 * 1000; $('#stopNow').css('display', 'block'); $('#startNow').css('display', 'none'); $('#noStart').css('display', 'none'); $(".content").html("距離活動(dòng)開始剩余") } } console.log(EndTime) var t = EndTime - NowTime; if(t < 1000) { window.location.reload(); clearInterval(timer); timer = null; return false; } var d = 0; var h = 0; var m = 0; var s = 0; if(t >= 0) { d = Math.floor((t / 1000 / 3600) / 24); h = Math.floor((t / 1000 / 3600) % 24); m = Math.floor((t / 1000 / 60) % 60); s = Math.floor(t / 1000 % 60); if(d < 10) { d = "0" + d; } if(h < 10) { h = "0" + h; } if(m < 10) { m = "0" + m; } if(s < 10) { s = "0" + s; } $('.botHours').html(h); $('.botMIn').html(m); $('.botSecond').html(s); } }, 1000) } }); </script>
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享題目:JS實(shí)現(xiàn)商城秒殺倒計(jì)時(shí)功能(動(dòng)態(tài)設(shè)置秒殺時(shí)間)-創(chuàng)新互聯(lián)
標(biāo)題路徑:http://chinadenli.net/article32/decppc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、云服務(wù)器、面包屑導(dǎo)航、網(wǎng)站導(dǎo)航、網(wǎng)站營銷、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容