最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于javascript實現(xiàn)的購物商城商品倒計時實例

 更新時間:2016年12月11日 16:46:35   作者:Black_Jay  
本文主要介紹了基于javascript實現(xiàn)的購物商城商品倒計時實例,代碼詳細,可直接復制試試看效果。需要的朋友可以參考借鑒

話不多說,下面跟著小編一起來看下實例代碼吧

Js:

/**
 * Author: Black_Jay郗
 * downCount: 時間轉(zhuǎn)換 倒計時
 */
(function ($) {
  $.fn.downCount = function (options, callback) {
    var settings = $.extend({
        date: null,
        offset: null
      }, options);
    if (!settings.date) {
      $.error('Date is not defined.');
    }
    if (!Date.parse(settings.date)) {
      $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
    }
    var container = this;
    var currentDate = function () {
      var date = new Date();
      /*var utc = date.getTime() + (date.getTimezoneOffset() * 60000);
      var new_date = new Date(utc + (3600000*settings.offset));*/
      return date;
    };
    function countdown () {
      var target_date = new Date(settings.date),
        current_date = currentDate();
      var difference = target_date - current_date;
      if (difference < 0) {
        clearInterval(interval);//取消 setInterval() 函數(shù)設定的定時執(zhí)行操作
        if (callback && typeof callback === 'function') callback();
        return;
      }
      var _second = 1000,
        _minute = _second * 60,
        _hour = _minute * 60,
        _day = _hour * 24;
      var days = Math.floor(difference / _day),
        hours = Math.floor(((difference % _day) / _hour) + (days*24)),
        minutes = Math.floor((difference % _hour) / _minute),
        seconds = Math.floor((difference % _minute) / _second);
        days = (String(days).length >= 2) ? days : '0' + days;
        hours = (String(hours).length >= 2) ? hours : '0' + hours;
        minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
        seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;
      container.find('.hours').text(hours);
      container.find('.minutes').text(minutes);
      container.find('.seconds').text(seconds);
    };
    var interval = setInterval(countdown, 1000);
  };
})(jQuery);

html:

<!-- 倒計時顯示Star -->
<p class="countdown">
  <span class="hours">00</span>:
  <span class="minutes">00</span>:
  <span class="seconds">00</span>
</p>
<!-- 倒計時End -->

最后輸入你想要的結束時間

JS:

$('.countdown').downCount({
  date: '11/09/2016 13:45:00',
  offset: +10
}, function () {
  alert('秒殺已結束');
});

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!

相關文章

  • js+html+css實現(xiàn)鼠標移動div實例

    js+html+css實現(xiàn)鼠標移動div實例

    移動div對于很多的網(wǎng)有們來說是一件很熟悉的事了,本文老生長談,用js實現(xiàn)鼠標移動div,希望大伙們可以舉一反三,感興趣的朋友可以參考下,或許本文對你有所幫助
    2013-01-01
  • js遍歷json的key和value的實例

    js遍歷json的key和value的實例

    下面小編就為大家?guī)硪黄猨s遍歷json的key和value的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • javascript DOM實用學習資料

    javascript DOM實用學習資料

    比較詳細的實例分析了dom的一些常用方法
    2008-09-09
  • 性能優(yōu)化篇之Webpack構建速度優(yōu)化的建議

    性能優(yōu)化篇之Webpack構建速度優(yōu)化的建議

    這篇文章主要介紹了性能優(yōu)化篇之Webpack構建速度優(yōu)化的建議,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • JavaScript數(shù)組塌陷實例解析

    JavaScript數(shù)組塌陷實例解析

    這篇文章主要為大家介紹了JavaScript數(shù)組塌陷實例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-05-05
  • javascript遞歸回溯法解八皇后問題

    javascript遞歸回溯法解八皇后問題

    網(wǎng)上看到許多關于八皇后算法的文章,很少能看到使用javascript來實現(xiàn)的,今天就給大家使用javascript來解決下這個問題,有需要的小伙伴可以參考下。
    2015-04-04
  • js將html頁面轉(zhuǎn)為pdf兩種方法

    js將html頁面轉(zhuǎn)為pdf兩種方法

    最近遇到的需求,把html轉(zhuǎn)成pdf文件下載導出,下面這篇文章主要給大家介紹了關于js將html頁面轉(zhuǎn)為pdf的兩種方法,文中給出了詳細的代碼示例,需要的朋友可以參考下
    2023-08-08
  • vscode錄音及語音實時轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    vscode錄音及語音實時轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    以目前的vscode版本來說,作者并沒有開放訪問本地媒體權限,所以插件市場里面的所有語音相關插件也并沒有直接獲取vscode的媒體權限,這篇文章主要介紹了vscode錄音及語音實時轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件?踩坑日記!,需要的朋友可以參考下
    2023-05-05
  • 與iframe進行跨域交互的解決方案(推薦)

    與iframe進行跨域交互的解決方案(推薦)

    這篇文章主要介紹了與iframe進行跨域交互的解決方案,本文通過實例代碼給大家講解的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-03-03
  • Google的跟蹤代碼 動態(tài)加載js代碼方法應用

    Google的跟蹤代碼 動態(tài)加載js代碼方法應用

    Google的跟蹤代碼 動態(tài)加載js代碼,需要的朋友可以參考下
    2012-11-11

最新評論

甘肃省| 九龙城区| 团风县| 汽车| 辉南县| 九寨沟县| 阳新县| 库尔勒市| 开封县| 乐陵市| 南川市| 泸溪县| 白银市| 大埔县| 德钦县| 沾化县| 白城市| 万宁市| 乌鲁木齐县| 上蔡县| 阿荣旗| 广东省| 钟山县| 金寨县| 甘德县| 农安县| 出国| 三台县| 惠安县| 菏泽市| 抚松县| 奇台县| 香河县| 江达县| 尉犁县| 孝感市| 吉木乃县| 秦安县| 黄石市| 玉门市| 峨眉山市|