溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

使用JavaScript怎么實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)秒殺效果

發(fā)布時(shí)間：2021-04-16 16:35:27 來源：億速云 閱讀：125 作者：Leah 欄目：web開發(fā)

使用JavaScript怎么實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)秒殺效果？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

代碼如下：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 <script src="js/jquery-1.11.1.min.js"></script>
 </head>
 <body οnlοad="leftTimer();">
 <p class="tit_right" >
 <span id="h" >00</span>
 <span id="m" >00</span>
 <span id="s" >00</span>
 </p>
 <p  id="juli"></p>
<script>    
 function leftTimer(year,month,day,hour,minute,second){ 
 var newDate = new Date();
 var newDate1 = new Date(year,month-1,day,hour,minute,second);
 var leftTime = (new Date(year,month-1,day,hour,minute,second)) - (new Date()); //計(jì)算剩余的毫秒數(shù) 
 var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //計(jì)算剩余的天數(shù)
 var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //計(jì)算剩余的小時(shí) 
 var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//計(jì)算剩余的分鐘 
 var seconds = parseInt(leftTime / 1000 % 60, 10);//計(jì)算剩余的秒數(shù) 
 if (seconds<0) {
  $(".tit_right").css('display', 'none');
  $("#juli").text("開始搶購");
 } 
 else{
  days = fix(days,2); 
  hours = fix(hours,2); 
  minutes = fix(minutes,2); 
  seconds = fix(seconds,2); 
 setTimeout("leftTimer(2017,2,21,11,0,0)",1000); 
 document.getElementById("h").innerHTML=hours;
 document.getElementB
 
 
 yId("m").innerHTML=minutes;
 document.getElementById("s").innerHTML=seconds;
 }
 }
 //fix函數(shù)：將1~9的1位數(shù)轉(zhuǎn)換成01~09的格式
 function fix(num, length) {
  return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;
 }
</script>
</body>
</html>

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手