Почему не сбрасывается таймер в js?

Question

[ff0xff]

Делаю обратный отсчет, столкнулся с магией, при обновлении страницы таймер почему то не сбрасывается
начинаю гуглить у всех проблема ровно на оборот - в чем дело? как сделать что бы после обновления страницы таймер начинался по новой?

var now = new Date(),
                                times = [
                                    0 - now.getHours(),
                                    25 - now.getMinutes(),
                                    59 - now.getSeconds(),
                                ],
                                mBox = document.getElementById('minutes'),
                                sBox = document.getElementById('seconds');
                            clearInterval(times)
                            timer_live(times);

                            function timer_live(times) {
                                var tm = setInterval(function () {
                                    var hour = times[0],
                                        min = times[1],
                                        sec = times[2];

                                    times[2]--;

                                    if (times[0] == 0 && times[1] == 0 && times[2] == 0) {
                                        clearInterval(tm);
                                    } else if (times[2] == -1) {
                                        times[1]--;
                                        times[2] = 59;
                                    } else if (times[1] == -1) {
                                        times[0]--;
                                        times[1] = 59;
                                    }

                                    var hour = (times[0] < 10) ? '0' + times[0] : times[0],
                                        min = (times[1] < 10) ? '0' + times[1] : times[1],
                                        sec = (times[2] < 10) ? '0' + times[2] : times[2];

                                    showTimer(hour, min, sec);
                                }, 1000);
                            };

                            function showTimer(hour, min, sec) {
                                mBox.innerHTML = min;
                                sBox.innerHTML = sec;
                            }

Answer 1

[AUser0]

У вас clearInterval(times) не приведёт к обнулению таймера, потому что в качестве аргумента нужно указывать не массив чисел times, а результат tm, возвращённый функцией tm = setInterval(...);.

Comments

[AUser0]

И в целом код рабочий, надо только для обратного отсчёта 25-ти минут times по другому инициализировать: times = [0, 25,0],.

Может у вас в документе нет элементов

<span id=hBox>00</span>:<span id=mBox>00</span>:<span id=sBox>00</span>

?

Answer 2

[Athanor]

Вероятно потому что начальное значение таймера у вас завязано на текущее время

var now = new Date(),
                                times = [
                                    0 - now.getHours(),
                                    25 - now.getMinutes(),
                                    59 - now.getSeconds(),
                                ],

UPDATE

кроме того, строка clearInterval(times) работает не так, как вы, вероятно этого ожидаете. Она нужна, чтоб отменить запуск интервального таймера. Принимает на вход id этого таймера, вы же туда передаете массив с значением таймера.

Comments

[ff0xff]

Дак мне и надо что бы каждый раз когда загружали страницу отсчитывалось 25 минут назад и все.
При каждом обнавлении - я не вижу противоречий тут

[Athanor]

ff0xff, что-то мы запутались в логике. Можете подробно описать, чего вы хотите достичь?