Таймер обратного отсчёта:?

Question

[idpgg]

помогите написать таймер. начиная с 00.0.25 и до 0 что бы на секунду уменьшался, и когда будет 10 сек. таймер шел вот так

Comments

[WbICHA]

freelance.habr.com

Answer 1

[Vladislav Orlov]

HTML

<div id="timer">
	<strong>-:-:-</strong>
</div>

JS

var timer_life = 90; //time in seconds (у тебя это будет 20 245 сек)

var timer = setInterval(function () {
			timer_life -= 1;

			if (timer_life == 0) {

				clearInterval(timer);
				//next actions, when timer was stopped
			}

			let w = Math.trunc(timer_life/3600),
					m = Math.trunc((timer_life - (w*3600))/60),
					s = Math.trunc(timer_life - ((w * 3600) + (m * 60)));

			$('#timer > strong').text(w + ':' + m + ':' + s); //#timer > strong - is you selector, change it please
		}, 1000)

Comments

[Spartak (Web-StyleStudio)]

idpgg

и когда будет 10 сек. таймер шел вот так 05.37.09
08
07 и с минутами так же.

И добавить ещё

w = w < 10 ? "0" + w : w;
m = m < 10 ? "0" + m : m;
s = s < 10 ? "0" + s : s;

[Vladislav Orlov]

Spartak (Web-StyleStudio), Я бы скорее обошелся одним условием. 3 как по мне уже избыточно.

...
let output_clock = timer_life >= 10 ? w + ':' + m + ':' + s :  s;

$('#timer > strong').text(output_clock); //#timer > strong - is you selector, change it please

ps код ниже не проверял, могут быть синтаксические ошибки  - поправить самостоятельно

[Spartak (Web-StyleStudio)]

Vladislav Orlov,
Автору вопроса нужны ведущие нули если секунды, минуты, часы меньше 10

[idpgg]

Spartak (Web-StyleStudio), да я только вот учу js и есть трудности, хочу разобраться код и понять как он работает, что бы потом уже уметь самому писать.

[idpgg]

Vladislav Orlov, а как так селектор передается, я только знаю что можно так let time = document.querySelector
я так понял там, как то через jQuery?

[Spartak (Web-StyleStudio)]

idpgg,
На чистом js

document.querySelector('#timer > strong').innerHTML = w + ':' + m + ':' + s;

На JQuery
$('#timer > strong').html(w + ':' + m + ':' + s);

[idpgg]

Spartak (Web-StyleStudio), понял все получилось спс