Блог

Это обратный отсчет. Как мне отменить это?

Например. Прошло X дней X часов X секунд (после). Например, как мне вычислить время, прошедшее со дня моего рождения в этом блоге code?

Я использую этот готовый блог кода. Обратный отсчет ведется до даты открытия веб-сайта. Напротив, я хочу рассчитать прошедшее время.

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