Bootstrap Jquery Countdown to Date
by Nate Armstrong
HTML
<input type="button" value="start" id="start">
<div id="time" class="time"></div>
JavaScript
$(document).on("ready", function(){
//$(document).ready(function() {
$("#time").countdown({
date: "Jun 1, 2021 08:00:00",
onComplete: function( event ) {
alert("hello");
},
minsOnly: false,
leadingZero: true
});
});
$(document).ready(function($) {
$.fn.countdown = function( method /*, options*/ ) {
var defaults = {
date: null,
updateTime: 1000,
htmlTemplate: "<div id='timerday' class='timerday'><span id='txtday' class='txtday commontimer'>Days: </span><span id='remday' class='remday'>%d</span></div><div id='timerhour' class='timerhour'><span id='txthour' class='txthour commontimer'>Hrs: </span><span id='remhour' class='remhour'>%h</span></div><div id='timermin' class='timermin'><span id='txtmin ' class='txtmin commontimer'>Mins: </span><span id='remmin ' class='remmin'>%i</span></div><div id='timersec' class='timersec'><span id='txtsec' class='txtsec commontimer'>Secs: </span><span id='remsec' class='remsec'>%s</span></div>",
minus: false,
onChange: null,
onComplete: null,
onResume: null,
onPause: null,
leadingZero: false,
offset: null,
servertime:null,
hoursOnly: false,
minsOnly: false,
secsOnly: false,
weeks: false,
hours: false,
yearsAndMonths: false,
direction: "down",
stopwatch: false
},
slice = Array.prototype.slice,
clear = window.clearInterval,
floor = Math.floor,
msPerHr = 3600000,
secPerYear = 31556926,
secPerMonth = 2629743.83,
secPerWeek = 604800,
secPerDay = 86400,
secPerHr = 3600,
secPerMin = 60,
secPerSec = 1,
rDate = /(%y|%m|%w|%d|%h|%i|%s)/g,
rYears = /%y/,
rMonths = /%m/,
rWeeks = /%w/,
rDays = /%d/,
rHrs = /%h/,
rMins = /%i/,
rSecs = /%s/,
dateNow = function( $this ) {
var now = new Date(),
settings = $this.data("jcdData");
if( !settings ) {
return new Date();
}
if( settings.offset !== null ) {
now = getTZDate( settings.offset );
} else {
now = getTZDate( null, settings.difference );...