我真的需要一些帮助!我的代码与教程非常接近,并且格式完美,但我从 2009 年 4 月 9 日开始计算,大约是 1425 天或 3 年 10 个月 23 天,我真的需要一些帮助,将附加的代码重写为'年/月/日'并删除分钟和秒
任何帮助将不胜感激!
(function($){
// Number of seconds in every time division
var days = 24*60*60,
hours = 60*60,
minutes = 60;
// Creating the plugin
$.fn.countup = function(prop){
var options = $.extend({
callback : function(){},
start : new Date()
},prop);
var passed = 0, d, h, m, s,
positions;
// Initialize the plugin
init(this, options);
positions = this.find('.position');
(function tick(){
passed = Math.floor((new Date() - options.start) / 1000);
// Number of days passed
d = Math.floor(passed / days);
updateDuo(0, 1, d);
passed -= d*days;
// Number of hours left
h = Math.floor(passed / hours);
updateDuo(2, 3, h);
passed -= h*hours;
// Number of minutes left
m = Math.floor(passed / minutes);
updateDuo(4, 5, m);
passed -= m*minutes;
// Number of seconds left
s = passed;
updateDuo(6, 7, s);
// Calling an optional user supplied callback
options.callback(d, h, m, s);
// Scheduling another call of this function in 1s
setTimeout(tick, 1000);
})();
// This function updates two digit positions at once
function updateDuo(minor,major,value){
switchDigit(positions.eq(minor),Math.floor(value/10)%10);
switchDigit(positions.eq(major),value%10);
}
return this;
};
function init(elem, options){
elem.addClass('countdownHolder');
// Creating the markup inside the container
$.each(['Days','Hours','Minutes','Seconds'],function(i){
$('<span class="count'+this+'">').html(
'<span class="position">\
<span class="digit static">0</span>\
</span>\
<span class="position">\
<span class="digit static">0</span>\
</span>'
).appendTo(elem);
if(this!="Seconds"){
elem.append('<span class="countDiv countDiv'+i+'"></span>');
}
});
}
// Creates an animated transition between the two numbers
function switchDigit(position,number){
var digit = position.find('.digit')
if(digit.is(':animated')){
return false;
}
if(position.data('digit') == number){
// We are already showing this number
return false;
}
position.data('digit', number);
var replacement = $('<span>',{
'class':'digit',
css:{
top:'-2.1em',
opacity:0
},
html:number
});
// The .static class is added when the animation
// completes. This makes it run smoother.
digit
.before(replacement)
.removeClass('static')
.animate({top:'2.5em',opacity:0},'fast',function(){
digit.remove();
})
replacement
.delay(100)
.animate({top:0,opacity:1},'fast',function(){
replacement.addClass('static');
});
}
})(jQuery);
$(function(){
$('#countdown').countup({
start: new Date(2009, 04, 09, 15, 58, 21) //year, month, day, hour, min, sec
});
});