I do not quite understand, why in your code had so many passages from date to date?
if your "tag attribute" was already with a correct date format.
I've done some adjustments in the source code, I've tested and I do not see any kind of delay in the source code or in the plugin.
This is the source code and you can test here:
function init_countdown(id,element,datetime,fullmode){
var endDate = datetime;
if(!fullmode){
$(element).countdown({ date: endDate });
}else{
$(element).countdown({
date: endDate,
render: function(data) {
var el = $(this.el);
el.empty()
.append("<div>" + this.leadingZeros(data.years, 4) + " <span>years</span></div>")
.append("<div>" + this.leadingZeros(data.days, 3) + " <span>days</span></div>")
.append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
.append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
.append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
}
});
}
}
$(function(){
var mode=1;
$.each($('.countdown'), function() {
var _element = '.countdown-'+$(this).attr("id");
var _id = $(this).attr("id");
if($(_element).length > 0){
var _datetime = $(_element).attr('data-expiration');
init_countdown(_id,_element,_datetime,(mode^=1));
}
});
});
HTML:
<body>
<div id="25" class="span12 countdown label-expiring countdown-25" data-expiration="Jan 01, 2014 20:01:15">
</div>
<hr />
<div id="26" class="span12 countdown label-expiring countdown-26" data-expiration="Jan 01, 2015 20:01:15">
</div>
<hr />
<div id="27" class="span12 countdown label-expiring countdown-27" data-expiration="Jan 01, 2016 20:01:15">
</div>
</body>