如何倒计时？ | X天X个小时过去了

问题描述

这是倒计时。我该如何扭转呢？

例如。 X天X小时X秒过去了（之后）。例如，如何计算自从在此代码博客中出生之日起经过的时间？

我正在使用此代码博客。它倒计时到网站打开的日期。相反，我想计算经过的时间。

    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,'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)
            );
        });
    }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

countdown javascript