How to run a script jquery.downCount.js?

I can not understand how to run this script (set the time):

(function ($) {

 $.fn.downCount = function (options, callback) {
 var settings = $.extend({
 date: null,
 offset: null
 }, options);

 // Throw error if date is not set
 if (!settings.date) {
 $.error('date is not specified.');
}

 // Throw error if date is set incorectly
 if (!Date.parse(settings.date)) {
 $.error('Invalid date format, it should look like the following, 12/24/2012 12:00:00.');
}

 // Save container
 var container = this;

/**
 * Change client's local date to match timezone offset
 * @return {Object} Date Fixed object.
*/
 var currentDate = function () {
 // get client's current date
 var date = new Date();

 // turn date to utc
 var utc = date.getTime() + (date.getTimezoneOffset() * 60000);

 // set new Date object
 var new_date = new Date(utc + (3600000*settings.offset))

 return new_date;
};

/**
 * Main downCount function that calculates everything
*/
 function countdown () {
 var target_date = new Date(settings.date) / / set target date
 current_date = currentDate(); // get current date fixed

 // difference of dates
 var difference = target_date - current_date;

 // if difference is negative than it's pass the target date
 if (difference < 0) {
 // stop timer
clearInterval(interval);

 if (callback && typeof callback === 'function') callback();

return;
}

 // basic math variables
 var _second = 1000,
 _minute = _second * 60,
 _hour = _minute * 60,
 _day = _hour * 24;

 // calculate dates
 var days = Math.floor(difference / _day),
 hours = Math.floor((difference % _day) / _hour),
 minutes = Math.floor((difference % _hour) / _minute),
 seconds = Math.floor((difference % _minute) / _second);

 // fix dates so that it will show two digets
 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;

 // based on the date change the refrence wording
 var ref_days = (days === 1) ? 'day' : 'days',
 ref_hours = (hours === 1) ? 'hour' : 'hours',
 ref_minutes = (minutes === 1) ? 'minute' : 'minutes',
 ref_seconds = (seconds === 1) ? 'second' : 'seconds';

 // set to the DOM
container.find('.days').text(days);
container.find('.hours').text(hours);
container.find('.minutes').text(minutes);
container.find('.seconds').text(seconds);

container.find('.days_ref').text(ref_days);
container.find('.hours_ref').text(ref_hours);
container.find('.minutes_ref').text(ref_minutes);
container.find('.seconds_ref').text(ref_seconds);
};

 // start
 var interval = setInterval(countdown, 1000);
};

})(jQuery);


Can't start the timer on the website

Please explain in detail what and how, to taste flipclockjs.com don't want to...
March 23rd 20 at 19:42
0 answer

Find more questions by tags jQuery