欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js倒計時簡單實現(xiàn)方法

 更新時間:2015年12月17日 10:31:19   作者:eecjimmy  
這篇文章主要介紹了js倒計時簡單實現(xiàn)方法,方便一些提示重要日期的來臨,感興趣的小伙伴們可以參考一下

本文實例講述了js倒計時簡單實現(xiàn)方法的代碼,分享給大家供大家參考,具體如下:

function timeDown(second) {
  var month = '', day = '', hour = '', minute = '';
  if (second >= 86400 * 30) {
   month = Math.floor(second / (86400 * 30)) + '月';
   second = second % (86400 * 30);
  }
  if (second >= 86400) {
   day = Math.floor(second / 86400) + '天';
   second = second % (86400);
  }
  if (second >= 3600) {
   hour = Math.floor(second / 3600) + '小時';
   second = second % 3600;
  }
  if (second >= 60) {
   minute = Math.floor(second / 60) + '分';
   second = second % 60;
  }
  if (second > 0) {
   second = second ? second + '秒' : '';
  }
  return month + day + hour + minute + second;
 }

如果想顯示倒計時效果,可以使用如下代碼調(diào)用:

<!-- 引入jquery -->
<script>
 $(function () {
  var second = 10000;
  $('.remain_time').html(timeDown(second));
  setInterval(function () {
   second--;
   $('.remain_time').html(timeDown(second));
  }, 1000);
 })
</script>
<span class="remain_time"></span>

 jquery插件形式:

   $.fn.timeDown = function (opt) {
    var second = opt.second;
    var tip = '已過期';
    var $this = this;
    self._timeDown = function (second) {
     var month = '', day = '', hour = '', minute = '';
     if (second >= 86400 * 30) {
      month = Math.floor(second / (86400 * 30)) + '月';
      second = second % (86400 * 30);
     }
     if (second >= 86400) {
      day = Math.floor(second / 86400) + '天';
      second = second % (86400);
     }
     if (second >= 3600) {
      hour = Math.floor(second / 3600) + '小時';
      second = second % 3600;
     }
     if (second >= 60) {
      minute = Math.floor(second / 60) + '分';
      second = second % 60;
     }
     if (second > 0) {
      second = second ? second + '秒' : '';
     } else {
      return tip;
     }
     return month + day + hour + minute + second;
    };
    $this.html(self._timeDown(second));
    setInterval(function () {
     second--;
     $this.html(self._timeDown(second));
    }, 1000)
   };
// 使用方式
$('.remain_time').timeDown({second:1000,tip:'已過期'})

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

相關(guān)文章

  • ts中的void和never類型及區(qū)別

    ts中的void和never類型及區(qū)別

    void類型和never類型都是ts新增的類型,這兩者的共同點是都常見用于聲明函數(shù)的返回值的類型,這里我們把它們兩放在一起介紹有助于大家區(qū)分,這篇文章主要介紹了ts中的void和never類型及區(qū)別,需要的朋友可以參考下
    2023-05-05
  • Bootstrap 手風(fēng)琴菜單的實現(xiàn)代碼

    Bootstrap 手風(fēng)琴菜單的實現(xiàn)代碼

    這篇文章主要介紹了Bootstrap 手風(fēng)琴菜單的實現(xiàn)代碼,需要的朋友可以參考下
    2017-01-01
  • 理解JS事件循環(huán)

    理解JS事件循環(huán)

    這篇文章主要幫助大家理解JS事件循環(huán),深入淺出的講解了javascript事件循環(huán),感興趣的小伙伴們可以參考一下
    2016-01-01
  • js仿微信搶紅包功能

    js仿微信搶紅包功能

    這篇文章主要為大家詳細介紹了js仿微信搶紅包功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • js實現(xiàn)驗證碼功能

    js實現(xiàn)驗證碼功能

    這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • JS中的數(shù)組轉(zhuǎn)變成JSON格式字符串的方法

    JS中的數(shù)組轉(zhuǎn)變成JSON格式字符串的方法

    這篇文章主要介紹了JS中的數(shù)組轉(zhuǎn)變成JSON格式字符串的方法,需要的朋友可以參考下
    2017-05-05
  • JS彈出對話框返回值代碼(asp.net后臺)

    JS彈出對話框返回值代碼(asp.net后臺)

    JS彈出對話框返回值代碼,需要的朋友可以參考下。
    2010-12-12
  • js中將URL中的參數(shù)提取出來作為對象的實現(xiàn)代碼

    js中將URL中的參數(shù)提取出來作為對象的實現(xiàn)代碼

    將URL中的參數(shù)提取出來作為對象的實現(xiàn)代碼,適合希望獲取url參數(shù)的朋友。
    2011-08-08
  • js DNA動態(tài)序列比對代碼

    js DNA動態(tài)序列比對代碼

    JavaScript動態(tài)序列比對代碼,隨便 寫著玩的,在網(wǎng)上見到用VC、VB寫的比較多,這個算法以前在高中課本上見到過,我只是用Js寫一下試試,或許還不是太準確。
    2010-07-07
  • JS 文件本身編碼轉(zhuǎn)換 圖文教程

    JS 文件本身編碼轉(zhuǎn)換 圖文教程

    JS編碼轉(zhuǎn)換,這句話本身就是一句具有二重義的話。通常理解為JS文件里能轉(zhuǎn)換編碼的代碼,但是,我所碰到的問題并不是這樣的,是要解決JS文件本身的編碼問題,它是UTF-8編碼的還是ANSI編碼的?
    2009-10-10

最新評論