1
<script>
    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="{{ $lot->end_at }}";
    initializeClock('clockdiv', deadline);
</script>

Как сделать чтобы при окончании таймера, содержимое заменялось на <p>Готово</p>

<div class="timer">
                        <div id="clockdiv" class="mt20">
                            <div class="clock_div">
                                <span class="days"></span>
                                <div class="smalltext">Days</div>
                            </div>
                            <div class="clock_div">
                                <span class="hours"></span>
                                <div class="smalltext">Hours</div>
                            </div>
                            <div class="clock_div">
                                <span class="minutes"></span>
                                <div class="smalltext">Minutes</div>
                            </div>
                            <div class="clock_div">
                                <span class="seconds"></span>
                                <div class="smalltext">Seconds</div>
                            </div>
                        </div>
                    </div>

1 ответ 1

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

добавить

if (t.total <= 0) {
            clearInterval(timeinterval);
            clock.innerHTML = "<p>Готово</p>";
}

html глянуть бы конечно надо было бы

11
  • Добавил код html 4 авг 2018 в 21:19
  • ну попробуйте как написано
    – sterx
    4 авг 2018 в 21:24
  • попробовал, не работает 4 авг 2018 в 21:25
  • вместо clock.innerHTML = "<p>Готово</p>"; впишите alert('Готово'); и попробуйте - вылетает алерт по окончанию таймера?
    – sterx
    4 авг 2018 в 21:28
  • нет, не выдает( 4 авг 2018 в 21:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.