快捷導(dǎo)航

jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法

更新時(shí)間：2015年12月18日 12:12:34 作者：leejersey

這篇文章主要介紹了jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法,涉及jQuery定時(shí)函數(shù)操作及日期與實(shí)現(xiàn)的運(yùn)算技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：

var intDiff = parseInt(60); //倒計(jì)時(shí)總秒數(shù)量
function timer(intDiff) {
  window.setInterval(function () {
    var day = 0,
      hour = 0,
      minute = 0,
      second = 0; //時(shí)間默認(rèn)值
    if (intDiff > 0) {
      day = Math.floor(intDiff / (60 * 60 * 24));
      hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
      minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
    }
    if (minute <= 9) minute = '0' + minute;
    if (second <= 9) second = '0' + second;
    $('#day_show').html(day + "天");
    $('#hour_show').html('<s id="h"></s>' + hour + '時(shí)');
    $('#minute_show').html('<s></s>' + minute + '分');
    $('#second_show').html('<s></s>' + second + '秒');
    intDiff--;
  }, 1000);
}
$(function () {
  timer(intDiff);
});

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用jQuery.form.js/springmvc框架實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了使用jQuery.form.js/springmvc框架實(shí)現(xiàn)文件上傳功能，非常具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時(shí)高度152px問題
這篇文章主要介紹了解決jquery3和layui沖突導(dǎo)致使用layui.layer.full彈出全屏iframe窗口時(shí)高度152px問題,需要的朋友可以參考下
2019-05-05
jQuery 全選/反選以及單擊行改變背景色實(shí)例
通過jQuery實(shí)現(xiàn)全選或反選以及單擊行改變背景色，具體代碼如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
2013-07-07
jQuery中slice()方法用法實(shí)例
這篇文章主要介紹了jQuery中slice()方法用法,實(shí)例分析了slice()方法的功能、定義及選取匹配元素集子集的使用技巧,需要的朋友可以參考下
2015-01-01
jquery.boxy彈出框(后隔N秒后自動(dòng)隱藏/自動(dòng)跳轉(zhuǎn))
對(duì)于 Boxy彈出框的使用之前寫過一些文章（查看jquery.boxy基礎(chǔ)），今天主要是在解決一個(gè)需要之后，覺得值得把它記錄下來，所以就再寫一篇，主要功能是，在彈出對(duì)話框后，隔N秒后自動(dòng)隱藏，還有就是自動(dòng)跳轉(zhuǎn)
2013-01-01
jQuery中 bind的用法簡(jiǎn)單介紹
bind() 方法為被選元素添加一個(gè)或多個(gè)事件處理程序，并規(guī)定事件發(fā)生時(shí)運(yùn)行的函數(shù)。這篇文章主要介紹了jQuery中的 bind用法,需要的朋友可以參考下
2017-02-02
jquery(javascript)自動(dòng)序列編號(hào)和屬性編號(hào)實(shí)現(xiàn)代碼
jquery(javascript)自動(dòng)序列編號(hào)和屬性編號(hào)實(shí)現(xiàn)代碼，需要的朋友可以參考下
2012-07-07
Jquery獲取radio選中的值
本文主要介紹了Jquery獲取radio選中值的相關(guān)知識(shí)，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-05-05
jquery圖片切換實(shí)例分析
這篇文章主要介紹了jquery圖片切換的方法,實(shí)例分析了jQuery實(shí)現(xiàn)頁(yè)面元素與相應(yīng)樣式切換效果的使用相關(guān)技巧,設(shè)計(jì)jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以參考下
2015-04-04
jQuery操作Table技巧大匯總
這篇文章主要介紹了jQuery操作Table技巧,實(shí)例匯總了jQuery針對(duì)Table的鼠標(biāo)響應(yīng)、樣式修改、添加刪除等常用技巧,需要的朋友可以參考下
2016-01-01