国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery實現倒計時小應用

2019-11-19 15:23:06
字體:
來源:轉載
供稿:網友

 本文實例為大家分享了jquery倒計時效果的具體代碼,供大家參考,具體內容如下

html

<div id="shop_rec">  <ul class="cf">    <li>      <img src="image/goods.jpg" alt="小米 Note 頂配版" />      <div>        <h5>小米 Note 頂配版</h5>        <p>全網通 香檳金 移動聯通<br />雙4G手機 雙卡雙待</p>        <em>¥2998<i>起</i></em>        <span class="time" data-starttime="1445982375" data-endtime="1446350400"></span>      </div>    </li>    <li>      <img src="image/goods.jpg" alt="小米 Note 頂配版" />      <div>        <h5>小米 Note 頂配版</h5>        <p>全網通 香檳金 移動聯通<br />雙4G手機 雙卡雙待</p>        <em>¥2998<i>起</i></em>        <span class="time" data-starttime="1445912375" data-endtime="1436350400"></span>      </div>    </li>  </ul></div>

jquery

$(function(){  var abj = $("#shop_rec"),    timeObj = abj.find('.time');  var starttime = timeObj.data('starttime');  // 定時器函數  function actionDo(){    return setInterval(function(){      timeObj.each(function(index, el) {        var t = $(this),          surplusTime = t.data('endtime') -starttime;        if (surplusTime <= 0) {          t.html("活動已經開始");        } else{          var year = surplusTime/(24*60*60*365),            showYear = parseInt(year),            month = (year-showYear)*12,            showMonth = parseInt(month),            day = (month-showMonth)*30,            showDay = parseInt(day),            hour = (day-showDay)*24,            showHour = parseInt(hour),            minute = (hour-showHour)*60,            showMinute = parseInt(minute),            seconds = (minute-showMinute)*60,            showSeconds = parseInt(seconds);          t.html("");          if (showYear>0) {            t.append("<span>"+showYear+"年</span>")          };          if (showMonth>0) {            t.append("<span>"+showMonth+"月</span>")          };          if (showDay>0) {            t.append("<span>"+showDay+"天</span>")          };          if (showHour>=0) {            t.append("<span>"+showHour+"小時</span>")          };          if (showMinute>=0) {            t.append("<span>"+showMinute+"分鐘</span>")          };          if (showSeconds>=0) {            t.append("<span>"+showSeconds+"秒</span>")          };        };      });      starttime++;    },1000); // 設定執行或延時時間  };  // 執行它  actionDo();});

 總結

不是特別優秀,但是小的應用完全沒有問題。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 海南省| 秦皇岛市| 铜鼓县| 邵武市| 孝义市| 永吉县| 南京市| 巴彦淖尔市| 自贡市| 肥城市| 体育| 洪洞县| 龙游县| 饶平县| 双辽市| 吴忠市| 达州市| 万安县| 盖州市| 会东县| 芦溪县| 林芝县| 肇州县| 平舆县| 江达县| 武邑县| 祁东县| 萨嘎县| 石阡县| 扎鲁特旗| 桂东县| 简阳市| 和静县| 马关县| 资源县| 翁牛特旗| 淄博市| 永顺县| 麻栗坡县| 襄汾县| 定西市|