国产午夜高潮熟女精品av,92精品成人国产在线观看

^{<blockquote id="iza83"></blockquote>}

千鋒扣丁學(xué)堂HTML5培訓(xùn)之JS秒殺倒計(jì)時(shí)功能完整實(shí)例

2019-09-03 14:47:00 4354瀏覽

今天千鋒扣丁學(xué)堂HTML5培訓(xùn)老師給大家分享一篇關(guān)于JS秒殺倒計(jì)時(shí)功能完整實(shí)例【使用jQuery3.1.1】的詳細(xì)介紹，結(jié)合完整實(shí)例形式分析了基于jQuery3.1.1基于時(shí)間函數(shù)的頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧，具體代碼如下：

<!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è)置開(kāi)始的時(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>

最終效果顯示圖：

以上就是關(guān)于千鋒扣丁學(xué)堂HTML5培訓(xùn)之JS秒殺倒計(jì)時(shí)功能完整實(shí)例的全部?jī)?nèi)容，想要了解更多關(guān)于HTML5開(kāi)發(fā)方面內(nèi)容的小伙伴，請(qǐng)關(guān)注扣丁學(xué)堂HTML5培訓(xùn)官網(wǎng)、微信等平臺(tái)，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育有專業(yè)的HTML5講師為您指導(dǎo)，此外扣丁學(xué)堂老師精心推出的HTML5視頻教程定能讓你快速掌握HTML5從入門到精通開(kāi)發(fā)實(shí)戰(zhàn)技能?？鄱W(xué)堂H5技術(shù)交流群：673883249。

【掃碼進(jìn)入HTML5VIP免費(fèi)公開(kāi)課】

【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】【掃碼進(jìn)入HTML5前端開(kāi)發(fā)VIP免費(fèi)公開(kāi)課】

標(biāo)簽: HTML5培訓(xùn) HTML5視頻教程 HTML5學(xué)習(xí)視頻 HTML5在線視頻 web前端開(kāi)發(fā)

上一篇扣丁學(xué)堂HTML5培訓(xùn)簡(jiǎn)述新手程序員常犯的10大錯(cuò)誤下一篇千鋒扣丁學(xué)堂HTML5培訓(xùn)之微信小程序HTTP接口請(qǐng)求封裝代碼實(shí)例

欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

千鋒扣丁學(xué)堂HTML5培訓(xùn)之JS秒殺倒計(jì)時(shí)功能完整實(shí)例

熱門專區(qū)

課程推薦