235 lines
9.3 KiB
JavaScript
235 lines
9.3 KiB
JavaScript
/*!
|
|
* The Final Countdown for jQuery v2.1.0 (http://hilios.github.io/jQuery.countdown/)
|
|
* Copyright (c) 2015 Edson Hilios
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
* this software and associated documentation files (the "Software"), to deal in
|
|
* the Software without restriction, including without limitation the rights to
|
|
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
|
* the Software, and to permit persons to whom the Software is furnished to do so,
|
|
* subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in all
|
|
* copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
|
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
(function(factory) {
|
|
"use strict";
|
|
if (typeof define === "function" && define.amd) {
|
|
define([ "jquery" ], factory);
|
|
} else {
|
|
factory(jQuery);
|
|
}
|
|
})(function($) {
|
|
"use strict";
|
|
var instances = [], matchers = [], defaultOptions = {
|
|
precision: 100,
|
|
elapse: false
|
|
};
|
|
matchers.push(/^[0-9]*$/.source);
|
|
matchers.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source);
|
|
matchers.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source);
|
|
matchers = new RegExp(matchers.join("|"));
|
|
function parseDateString(dateString) {
|
|
if (dateString instanceof Date) {
|
|
return dateString;
|
|
}
|
|
if (String(dateString).match(matchers)) {
|
|
if (String(dateString).match(/^[0-9]*$/)) {
|
|
dateString = Number(dateString);
|
|
}
|
|
if (String(dateString).match(/\-/)) {
|
|
dateString = String(dateString).replace(/\-/g, "/");
|
|
}
|
|
return new Date(dateString);
|
|
} else {
|
|
throw new Error("Couldn't cast `" + dateString + "` to a date object.");
|
|
}
|
|
}
|
|
var DIRECTIVE_KEY_MAP = {
|
|
Y: "years",
|
|
m: "months",
|
|
n: "daysToMonth",
|
|
w: "weeks",
|
|
d: "daysToWeek",
|
|
D: "totalDays",
|
|
H: "hours",
|
|
M: "minutes",
|
|
S: "seconds"
|
|
};
|
|
function escapedRegExp(str) {
|
|
var sanitize = str.toString().replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1");
|
|
return new RegExp(sanitize);
|
|
}
|
|
function strftime(offsetObject) {
|
|
return function(format) {
|
|
var directives = format.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);
|
|
if (directives) {
|
|
for (var i = 0, len = directives.length; i < len; ++i) {
|
|
var directive = directives[i].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/), regexp = escapedRegExp(directive[0]), modifier = directive[1] || "", plural = directive[3] || "", value = null;
|
|
directive = directive[2];
|
|
if (DIRECTIVE_KEY_MAP.hasOwnProperty(directive)) {
|
|
value = DIRECTIVE_KEY_MAP[directive];
|
|
value = Number(offsetObject[value]);
|
|
}
|
|
if (value !== null) {
|
|
if (modifier === "!") {
|
|
value = pluralize(plural, value);
|
|
}
|
|
if (modifier === "") {
|
|
if (value < 10) {
|
|
value = "0" + value.toString();
|
|
}
|
|
}
|
|
format = format.replace(regexp, value.toString());
|
|
}
|
|
}
|
|
}
|
|
format = format.replace(/%%/, "%");
|
|
return format;
|
|
};
|
|
}
|
|
function pluralize(format, count) {
|
|
var plural = "s", singular = "";
|
|
if (format) {
|
|
format = format.replace(/(:|;|\s)/gi, "").split(/\,/);
|
|
if (format.length === 1) {
|
|
plural = format[0];
|
|
} else {
|
|
singular = format[0];
|
|
plural = format[1];
|
|
}
|
|
}
|
|
if (Math.abs(count) === 1) {
|
|
return singular;
|
|
} else {
|
|
return plural;
|
|
}
|
|
}
|
|
var Countdown = function(el, finalDate, options) {
|
|
this.el = el;
|
|
this.$el = $(el);
|
|
this.interval = null;
|
|
this.offset = {};
|
|
this.options = $.extend({}, defaultOptions);
|
|
this.instanceNumber = instances.length;
|
|
instances.push(this);
|
|
this.$el.data("countdown-instance", this.instanceNumber);
|
|
if (options) {
|
|
if (typeof options === "function") {
|
|
this.$el.on("update.countdown", options);
|
|
this.$el.on("stoped.countdown", options);
|
|
this.$el.on("finish.countdown", options);
|
|
} else {
|
|
this.options = $.extend({}, defaultOptions, options);
|
|
}
|
|
}
|
|
this.setFinalDate(finalDate);
|
|
this.start();
|
|
};
|
|
$.extend(Countdown.prototype, {
|
|
start: function() {
|
|
if (this.interval !== null) {
|
|
clearInterval(this.interval);
|
|
}
|
|
var self = this;
|
|
this.update();
|
|
this.interval = setInterval(function() {
|
|
self.update.call(self);
|
|
}, this.options.precision);
|
|
},
|
|
stop: function() {
|
|
clearInterval(this.interval);
|
|
this.interval = null;
|
|
this.dispatchEvent("stoped");
|
|
},
|
|
toggle: function() {
|
|
if (this.interval) {
|
|
this.stop();
|
|
} else {
|
|
this.start();
|
|
}
|
|
},
|
|
pause: function() {
|
|
this.stop();
|
|
},
|
|
resume: function() {
|
|
this.start();
|
|
},
|
|
remove: function() {
|
|
this.stop.call(this);
|
|
instances[this.instanceNumber] = null;
|
|
delete this.$el.data().countdownInstance;
|
|
},
|
|
setFinalDate: function(value) {
|
|
this.finalDate = parseDateString(value);
|
|
},
|
|
update: function() {
|
|
if (this.$el.closest("html").length === 0) {
|
|
this.remove();
|
|
return;
|
|
}
|
|
var hasEventsAttached = $._data(this.el, "events") !== undefined, now = new Date(), newTotalSecsLeft;
|
|
newTotalSecsLeft = this.finalDate.getTime() - now.getTime();
|
|
newTotalSecsLeft = Math.ceil(newTotalSecsLeft / 1e3);
|
|
newTotalSecsLeft = !this.options.elapse && newTotalSecsLeft < 0 ? 0 : Math.abs(newTotalSecsLeft);
|
|
if (this.totalSecsLeft === newTotalSecsLeft || !hasEventsAttached) {
|
|
return;
|
|
} else {
|
|
this.totalSecsLeft = newTotalSecsLeft;
|
|
}
|
|
this.elapsed = now >= this.finalDate;
|
|
this.offset = {
|
|
seconds: this.totalSecsLeft % 60,
|
|
minutes: Math.floor(this.totalSecsLeft / 60) % 60,
|
|
hours: Math.floor(this.totalSecsLeft / 60 / 60) % 24,
|
|
days: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
|
|
daysToWeek: Math.floor(this.totalSecsLeft / 60 / 60 / 24) % 7,
|
|
daysToMonth: Math.floor(this.totalSecsLeft / 60 / 60 / 24 % 30.4368),
|
|
totalDays: Math.floor(this.totalSecsLeft / 60 / 60 / 24),
|
|
weeks: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 7),
|
|
months: Math.floor(this.totalSecsLeft / 60 / 60 / 24 / 30.4368),
|
|
years: Math.abs(this.finalDate.getFullYear() - now.getFullYear())
|
|
};
|
|
if (!this.options.elapse && this.totalSecsLeft === 0) {
|
|
this.stop();
|
|
this.dispatchEvent("finish");
|
|
} else {
|
|
this.dispatchEvent("update");
|
|
}
|
|
},
|
|
dispatchEvent: function(eventName) {
|
|
var event = $.Event(eventName + ".countdown");
|
|
event.finalDate = this.finalDate;
|
|
event.elapsed = this.elapsed;
|
|
event.offset = $.extend({}, this.offset);
|
|
event.strftime = strftime(this.offset);
|
|
this.$el.trigger(event);
|
|
}
|
|
});
|
|
$.fn.countdown = function() {
|
|
var argumentsArray = Array.prototype.slice.call(arguments, 0);
|
|
return this.each(function() {
|
|
var instanceNumber = $(this).data("countdown-instance");
|
|
if (instanceNumber !== undefined) {
|
|
var instance = instances[instanceNumber], method = argumentsArray[0];
|
|
if (Countdown.prototype.hasOwnProperty(method)) {
|
|
instance[method].apply(instance, argumentsArray.slice(1));
|
|
} else if (String(method).match(/^[$A-Z_][0-9A-Z_$]*$/i) === null) {
|
|
instance.setFinalDate.call(instance, method);
|
|
instance.start();
|
|
} else {
|
|
$.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi, method));
|
|
}
|
|
} else {
|
|
new Countdown(this, argumentsArray[0], argumentsArray[1]);
|
|
}
|
|
});
|
|
};
|
|
}); |