Здравствуйте.
Не пинайте меня, за такой длинный вопрос. По короче не получается сформулировать свои мысли.
Пытаюсь реализовать таймер обратного отсчета в секундах, так чтоб можно было задать определенную цифру или число. И от нее уже идти к 0.
У меня на странице будет несколько таймеров, которые будут содержать разные цифры старта отсчета. Если только использовать setInterval(function(){}, 1000)
, то происходит один странный момент. У первого таймера, отсчет времени происходит по секундам, а у последующих таймеров, данный процесс происходит значительно быстрее. Выглядит это не красиво и не правильно.
Поэтому я написал, вот такую простую функцию. Но не могу ее завершить. Отсчет времени происходит от реального времени. Как реализовать подобное, но чтоб отсчет был от конкретной цифры или числа, я пока понятия не имею.
Вот мои наработки:
<script>
function times(numb)
{
var n = new Date().getSeconds();
var _ = (60 - n) - 1;
return (_ < 10) ? '0' + _ : _;
}
window.onload = function()
{
var span = document.getElementById('times');
window.setInterval(function()
{
span.innerHTML = times(37);
}, 1000);
}
</script>
<span id="times"></span>
Как в функции times(numb)
, соединить реализованное с задуманным, я пока не знаю. Что необходимо дописать, чтоб заработала по данному механизму?
clearInterval
и т.д. А проще не париться и взять готовый. типа такого или такого