Обратный отсчет таймера от переменной в миллисекундах JS на лету

130
28 декабря 2018, 03:00

На странице сайта выводится обратный таймер ЧЧ:ММ:СС. Из этих данных я отсекаю только СС. Но мне нужно ещё к СС добавить миллисекунды. В этом проблемы нет, но хотелось бы получать СС с сайта+ миллисекунды реального времени между переходами. Например, сейчас СС=10 секунд и станет СС=9, хотелось бы видеть это все дело в миллисекундах от 10000 до 9000 с отображением каждой мс: 9999, 9998, 9997,..,9000. Визуально, это не важно, мне нужно будет выцепить определенное значение мс и при таком условии выполнить код. Например, если мс=5500 (5,5 сек) выйти из учетной записи по нажатию кнопки. Нашел вот такой интересный вариант таймера и склеил со своим кодом, но получилось, что почему-то в каждую секунды выводятся прошлые значения. Т.е. сейчас 10 секунд и я получаю значения 9999, 9998. Когда наступает 9 секунд, то выводится уже 9999, 9998,..,9000, и потом только 8999, получается, что в каждую сек почему-то летит старый результат.

var interval = 700; 
var timer = document.querySelector('span[name=timer]'); 
function find_timer() 
{ 
    var newtimer = Number(timer.textContent.substr(-2)); 
    timer.innerHTML = newtimer; 
    var THROTTLE_AMOUNT = 400; 
    countdown(newtimer); 
    function countdown() { 
        var milli = newtimer * 1000; 
        var counter = setInterval(function() { 
            if(milli <= 0) { 
                clearInterval(count); 
                return; 
            } 
            milli -= THROTTLE_AMOUNT; 
            console.log(milli + " millisecs"); // watch for spelling 
        }, 300); 
    } 
} 
 
function func() 
{ 
    var timer_element = find_timer(); 
 
    if(!timer_element){ 
        return;} 
 
} 
setInterval(func, interval);
<span name="timer">00:00:10</span>

Сейчас СС с сайта я получаю так:

var timer = document.querySelector('span[name=timer]'); var newtimer = Number(timer.textContent.substr(-2));

Остальное дело делает код обратного отсчета, который работает не как надо. P.S. Если это играет роль, то таймер всегда начинает отсчет от определенного значения, так же через код я перезагружаю страницу по определенному значению СС, но таймер всегда продолжает отсчет, не сбиваясь.

READ ALSO
Помогите с JQuery

Помогите с JQuery

я не могу сделать так, чтобы при нажатии на блок, цвет его краёв менялся на другой цвет, используяanimate(), ничего не выходит! (2 строка с данного...

146
Не могу найти причину - ошибку

Не могу найти причину - ошибку

Данный код должен закрывать меню если целью клика не является блок с менюНо если клик именно по данному блоку то функция останавливается,...

178
jquery замена класса

jquery замена класса

Всем приветЗадача такая - нужно при клике по ссылке сестринскому элементу span присваивать класс badge-danger, в то же время если у сестринских элементов...

188
Генерация enum на лету или альтернатива

Генерация enum на лету или альтернатива

Есть код ранее (был опубликован чуть ранее пользователем @iluxa1810)

193