Mini Shell
'use strict';
$(document).ready(function() {
$('.yourCountdownContainer').countdown({
date: "23 mar,2017 15:03:26"
});
! function(e) {
if ("object" == typeof exports && "undefined" != typeof module) module.exports = e();
else if ("function" == typeof define && define.amd) define([], e);
else {
var n; "undefined" != typeof window ? n = window : "undefined" != typeof global ? n = global : "undefined" != typeof self && (n = self), n.Countdown = e() } }(function() {
var define, module, exports;
return (function e(t, n, r) {
function s(o, u) {
if (!n[o]) {
if (!t[o]) {
var a = typeof require == "function" && require;
if (!u && a) return a(o, !0);
if (i) return i(o, !0);
var f = new Error("Cannot find module '" + o + "'");
throw f.code = "MODULE_NOT_FOUND", f }
var l = n[o] = { exports: {} };
t[o][0].call(l.exports, function(e) {
var n = t[o][1][e];
return s(n ? n : e) }, l, l.exports, e, t, n, r) }
return n[o].exports }
var i = typeof require == "function" && require;
for (var o = 0; o < r.length; o++) s(r[o]);
return s })({
1: [function(require, module, exports) {
var defaultOptions = {
date: "June 31, 2018 15:03:25",
refresh: 1000,
offset: 0,
onEnd: function() {
return;
},
render: function(date) {
this.el.innerHTML = '<div class="row"><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
date.days + '</h2><p class="f-18 f-w-400"> Days ' +
'</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
this.leadingZeros(date.hours) +
'</h2><p class="f-18 f-w-400">Hours</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
this.leadingZeros(date.min) +
'</h2><p class="f-18 f-w-400">Minutes</p></div><div class="col-xs-3"><h2 class="f-20 f-w-400">' +
this.leadingZeros(date.sec) +
'</h2><p class="f-18 f-w-400">Seconds</p></div></div>';
}
};
/**
* Countdown constructor
* @param {HTMLElement} el DOM node of the countdown
* @param {Object} options (optional) Options for the plugin
*/
var Countdown = function(el, options) {
/**
* Reference to the DOM element
* @type {HTMLElement}
*/
this.el = el;
/**
* Options of the countdown plugin
* @type {Object}
*/
this.options = {};
/**
* Interval reference or false if counter is stopped
* @type {Mixed}
*/
this.interval = false;
// merge default options and options into this.options
this.mergeOptions = function(options) {
for (var i in defaultOptions) {
if (defaultOptions.hasOwnProperty(i)) {
this.options[i] = typeof options[i] !== 'undefined' ? options[i] : defaultOptions[i];
if (i === 'date' && typeof this.options.date !== 'object') {
this.options.date = new Date(this.options.date);
}
// bind context for functions
if (typeof this.options[i] === 'function') {
this.options[i] = this.options[i].bind(this);
}
}
}
if (typeof this.options.date !== 'object') {
this.options.date = new Date(this.options.date);
}
}.bind(this);
this.mergeOptions(options);
/**
* Get the difference between now and the end date
* @return {Object} Object with the diff information (years, days, hours, min, sec, millisec)
*/
this.getDiffDate = function() {
var diff = (this.options.date.getTime() - Date.now() + this.options.offset) / 1000;
var dateData = {
years: 0,
days: 0,
hours: 0,
min: 0,
sec: 0,
millisec: 0
};
if (diff <= 0) {
if (this.interval) {
this.stop();
this.options.onEnd();
}
return dateData;
}
if (diff >= (365.25 * 86400)) {
dateData.years = Math.floor(diff / (365.25 * 86400));
diff -= dateData.years * 365.25 * 86400;
}
if (diff >= 86400) {
dateData.days = Math.floor(diff / 86400);
diff -= dateData.days * 86400;
}
if (diff >= 3600) {
dateData.hours = Math.floor(diff / 3600);
diff -= dateData.hours * 3600;
}
if (diff >= 60) {
dateData.min = Math.floor(diff / 60);
diff -= dateData.min * 60;
}
dateData.sec = Math.round(diff);
dateData.millisec = diff % 1 * 1000;
return dateData;
}.bind(this);
/**
* Add leading zeros to a number
* @param {Number} num Input number
* @param {Number} length Length of the desired output
* @return {String} String of the desired length with leading zeros
*/
this.leadingZeros = function(num, length) {
length = length || 2;
num = String(num);
if (num.length > length) {
return num;
}
return (Array(length + 1).join('0') + num).substr(-length);
};
/**
* Update the end date of the countdown
* @param {Mixed} newDate Date object or a String/Number that can be passed to the Date constructor
* @return {Countdown} Countdown instance
*/
this.update = function(newDate) {
if (typeof newDate !== 'object') {
newDate = new Date(newDate);
}
this.options.date = newDate;
this.render();
return this;
}.bind(this);
/**
* Stop the countdown refresh / rerender
* @return {Countdown} Countdown instance
*/
this.stop = function() {
if (this.interval) {
clearInterval(this.interval);
this.interval = false;
}
return this;
}.bind(this);
/**
* Render the countdown
* @return {Countdown} Countdown instance
*/
this.render = function() {
this.options.render(this.getDiffDate());
return this;
}.bind(this);
/**
* Start the countdown
* @return {Countdown} Countdown instance
*/
this.start = function() {
// don't start if the countdown is already started
if (this.interval) {
return; }
this.render();
if (this.options.refresh) {
this.interval = setInterval(this.render, this.options.refresh);
}
return this;
}.bind(this);
/**
* Update the offset
* @param {Number} offset New offset in ms
* @return {Countdown} Countdown instance
*/
this.updateOffset = function(offset) {
this.options.offset = offset;
return this;
}.bind(this);
/**
* Restart the countdown and update options
*/
this.restart = function(options) {
this.mergeOptions(options);
this.interval = false;
this.start();
return this;
}.bind(this);
// initial start of the countdown or initial render
this.start();
};
module.exports = Countdown;
}, {}],
2: [function(require, module, exports) {
var Countdown = require('./countdown.js');
var NAME = 'countdown';
var DATA_ATTR = 'date';
jQuery.fn.countdown = function(options) {
return $.each(this, function(i, el) {
var $el = $(el);
if (!$el.data(NAME)) {
// allow setting the date via the data-date attribute
if ($el.data(DATA_ATTR)) {
options.date = $el.data(DATA_ATTR);
}
$el.data(NAME, new Countdown(el, options));
}
});
};
module.exports = Countdown;
}, { "./countdown.js": 1 }]
}, {}, [2])(2)
});
});
Zerion Mini Shell 1.0