Javascript 如何倒数X天X小时过去了
这是倒计时。我该如何扭转这种局面 例如。 X天X小时X秒过去(之后)。 例如,我如何计算从我出生在这个代码博客的那天起经过的时间 我正在使用这个代码博客准备。它倒计时到网站打开的日期。相反,我想计算经过的时间Javascript 如何倒数X天X小时过去了,javascript,countdown,Javascript,Countdown,这是倒计时。我该如何扭转这种局面 例如。 X天X小时X秒过去(之后)。 例如,我如何计算从我出生在这个代码博客的那天起经过的时间 我正在使用这个代码博客准备。它倒计时到网站打开的日期。相反,我想计算经过的时间 var clock = $('#clock'); if (clock.length) { if (clock.hasClass('js-timer-elapsed')) { // Elasped timer/countdown //Put
var clock = $('#clock');
if (clock.length) {
if (clock.hasClass('js-timer-elapsed')) {
// Elasped timer/countdown
//Put your date
var year = '2012';
var month = '07';
var day = '12';
var time = '00:00:00';
//End Put your date
var date = year + '/' + month + '/' + day + ' ' + time;
var now = new Date();
var dateFormat = 'YYYY/MM/DD hh:mm:ss';
var momentDate = moment(date, dateFormat);
var momentNow = moment(now, dateFormat);
var outputYears = moment(momentNow, dateFormat).diff(momentDate, 'years');
var outputYearsLabel = outputYears > 1 ? 'Years' : 'Year';
var dateCurrentYear = now.getFullYear() + '/' + month + '/' + day + ' ' + time;
var outputDays = moment(dateCurrentYear, dateFormat).diff(momentNow, 'days');
var outputDaysLabel = outputDays > 1 ? 'Days' : 'Day';
var outputMonths = moment(dateCurrentYear, dateFormat).diff(momentNow, 'months');
clock.countdown(date, {
elapse: true,
strftime: dateFormat
}).on('update.countdown', function(event) {
var output = [
'<div class="counter-container">',
'<div class="counter-box first"><div class="number">' + Math.abs(outputYears) + '</div><span>' + outputYearsLabel + '</span></div>', // Years
'<div class="counter-box first"><div class="number">' + Math.abs(outputMonths) + '</div><span>Months</span></div>', // Months
'<div class="counter-box first"><div class="number">' + Math.abs(outputDays) + '</div><span>' + outputDaysLabel + '</span></div>', // Days
'<div class="counter-box"><div class="number">%H</div><span>Hours</span></div>', // Hours
'<div class="counter-box"><div class="number">%M</div><span>Minutes</span></div>', // Minutes
'<div class="counter-box last"><div class="number">%S</div><span>Seconds</span></div></div>', // Seconds
'</div>'
].join('\n');
$(this).html(
event.strftime(output)
);
});
} else {
// Default countdown
clock.countdown('2022/10/14 12:00:00').on('update.countdown', function(event) {
var output = [
'<div class="counter-container"><div class="counter-box first"><div class="number">%-D</div><span>Day%!d</span></div>', //Days
'<div class="counter-box"><div class="number">%H</div><span>Hours</span></div>', //Hours
'<div class="counter-box"><div class="number">%M</div><span>Minutes</span></div>', //Minutes
'<div class="counter-box last"><div class="number">%S</div><span>Seconds</span></div></div>' //Seconds
].join('\n');
$(this).html(
event.strftime(output)
);
});
}
}
var-clock=$('#clock');
if(时钟长度){
if(clock.hasClass('js-timer-appeased')){
//弹性定时器/倒计时
//把你的约会
风险值年份='2012';
风险值月份='07';
风险值日='12';
变量时间='00:00:00';
//结束约会
风险值日期=年+'/'+月+'/'+日+''+时间;
var now=新日期();
var dateFormat='YYYY/MM/DD hh:MM:ss';
var momentDate=时刻(日期,日期格式);
var momentNow=时刻(现在,日期格式);
var outputYears=时刻(momentNow,dateFormat).diff(momentDate,“年”);
var outputYearsLabel=outputYears>1?“年”:“年”;
var dateCurrentYear=now.getFullYear()++'/'+月+'/'+日+''+时间;
var outputDays=时刻(dateCurrentYear,dateFormat).diff(momentNow,'days');
var outputDaysLabel=outputDays>1?'Days':'Day';
var outputMonths=时刻(dateCurrentYear,dateFormat).diff(momentNow,“月”);
时钟。倒计时(日期{
消逝:是的,
strftime:dateFormat
}).on('update.countdown',函数(事件){
变量输出=[
'',
''+Math.abs(outputYears)+''+outputYearsLabel++'',//年
''+Math.abs(outputMonths)+'Months',//Months
''+Math.abs(outputDays)+''+outputDaysLabel++'',//天
'%HHours',//小时
“%MMinutes”,//分钟
'%s秒',//秒
''
].join('\n');
$(this.html)(
事件strftime(输出)
);
});
}否则{
//默认倒计时
时钟倒计时('2022/10/14 12:00:00')。开启('update.countdown',函数(事件){
变量输出=[
“%-DDay%!d”,//天
'%HHours',//小时
“%MMinutes”,//分钟
“%s秒”//秒
].join('\n');
$(this.html)(
事件strftime(输出)
);
});
}
}
嗨,你应该看看它,看起来它正是你想要的。@Chiel谢谢兄弟!