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

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 18:34:23
字體:
供稿:網(wǎng)友

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

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ù)設(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 -->

最后輸入你想要的結(jié)束時間

JS:

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

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持武林網(wǎng)!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 尚义县| 淳安县| 长岛县| 驻马店市| 江孜县| 丹凤县| 南京市| 息烽县| 涞源县| 沙雅县| 甘孜| 景东| 手游| 固始县| 油尖旺区| 平昌县| 汶川县| 台江县| 绩溪县| 肥城市| 武定县| 合江县| 临朐县| 城固县| 冷水江市| 湾仔区| 乐陵市| 太仓市| 行唐县| 巴里| 怀仁县| 四平市| 浦江县| 涡阳县| 华容县| 成武县| 清苑县| 寻甸| 汕尾市| 金平| 晋城|