Установка обратного отсчета, который что-то делает в конце - PullRequest
Новая
       20

Установка обратного отсчета, который что-то делает в конце

1 голос
/ 05 мая 2020

Я пытаюсь установить обратный отсчет, который будет делать что-то до и после, я использую код с этого сайта: https://www.sitepoint.com/build-javascript-countdown-timer-no-dependencies/

У меня есть этот код, но Я не знаю, как:

  1. установить время окончания;
  2. сделать что-то до и после срабатывания таймера;
  3. запланировать часы автоматически. 
function getTimeRemaining(endtime) {
    var t = Date.parse(endtime) - Date.parse(new Date());
    var seconds = Math.floor((t / 1000) % 60);
    var minutes = Math.floor((t / 1000 / 60) % 60);
    var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
    var days = Math.floor(t / (1000 * 60 * 60 * 24));
    return {
        'total': t,
        'days': days,
        'hours': hours,
        'minutes': minutes,
        'seconds': seconds
     };
}

function initializeClock(id, endtime) {
    var clock = document.getElementById(id);
    var daysSpan = clock.querySelector('.days');
    var hoursSpan = clock.querySelector('.hours');
    var minutesSpan = clock.querySelector('.minutes');
    var secondsSpan = clock.querySelector('.seconds');

    function updateClock() {
        var t = getTimeRemaining(endtime);

        daysSpan.innerHTML = t.days;
        hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
        minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
        secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);

        if (t.total <= 0) {
            clearInterval(timeinterval);
        }
    }

    updateClock();
    var timeinterval = setInterval(updateClock, 1000);
}

//var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000);
var schedule = [
    ['May 10 2020', 'May 10 2020']              
];
//initializeClock('clockdiv', deadline);
// iterate over each element in the schedule
for(var i=0; i<schedule.length; i++){
    var startDate = schedule[i][0];
    var endDate = schedule[i][1];

    // put dates in milliseconds for easy comparisons
    var startMs = Date.parse(startDate);
    var endMs = Date.parse(endDate);
    var currentMs = Date.parse(new Date());

    // if current date is between start and end dates, display clock
    if(endMs > currentMs && currentMs >= startMs ){
        initializeClock('clockdiv', endDate);
    }
}

Не могли бы вы посоветовать мне?

...