JS秒殺倒計(jì)時(shí)功能完整實(shí)例【使用jQuery3.1.1】

2019-11-19 10:54:27

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了JS秒殺倒計(jì)時(shí)功能。分享給大家供大家參考，具體如下：

代碼

<!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,09,05,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ù)字加0  function fix(num, length) {    console.log(num);    // 數(shù)字轉(zhuǎn)化為字符串 進(jìn)行拼接    return num.toString().length<length?'0'+num:num;  }</script>

顯示