Как написать простой таймер на JS?

Question

[Ibishka]

Пж не предлагайте варианты с setInterval or setTimeout. Нужна в виде 00:00:00. Помощь ...

Comments

[Михаил]

напишите с requestAnimationFrame

[Comsequent]

Ibishka Ibishka, а чем с
setTimeout не угодил? Ещё три строки кода ?

[Somewhere Intech]

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

[Роман]

Михаил,

напишите с requestAnimationFrame

Нравится, поржал, хороший тролинг, и вариант жизнеспособный)))))
Еще можно на вэбасемьлити написать))))))

Answer 1

[Alex]

Comments

[Ibishka]

Alex Простите таймер нужен в виде 00:00:00

[Alex]

Ibishka, Не понимаю вашего вопроса. А у меня в каком?

[Ibishka]

Alex, у вас таймер а мне нужен секундомер.

[Stalker_RED]

Ibishka, и в чем разница? Запоминаем время на старте, при каждой перерисовке таймера делаем сейчас минус стартовое_время и выводим результат.

[Сергей Соколов]

Ibishka, вы же так и озаглавили свой вопрос: « Как написать простой таймер на JS? »

Сделайте паузу. Вернитесь к этой задаче завтра. На свежую голову, пожалуйста.

[Ibishka]

Сергей Соколов, Знаю вопрос неправильно оформил

[Роман]

Stalker_RED,

и в чем разница?

Очевидно же))))
Таймер обратного отсчета и секундомер считают время оставшеееся до события и время прошедшее от момента старта соответственно.
Но в любом случае не зачет не вам а автору, ибо формулировка вопроса вводит в заблуждение)))

[Stalker_RED]

Роман, разница в коде - буквально две строки.
одна строка, в которой запоминается стартовое время. а вторая - операция вычитания перед отрисовкой.

[Роман]

Stalker_RED, даже не спорю. Просто меня сегодня распирает негодование)))
причина
результат озлобленности))))

Answer 2

[Анатолий Куликов]

А чем плохи setInterval и setTimeout? Он как раз идеально для этого подходит, тот же requestAnimationFrame (насколько помню) может не одинаковые интервалы давать.

Вам нужно всего три размеченных элемента и кнопка. При нажатии запускаем функцию, которая каждую секунду инкрементирует значение секунд. Как только оно будет равно 60, то значение обнуляем и начинаем считаю секунды заново, а минуте добавляем +1. То же самое и с часами.

При повторном нажатии на кнопку интервалы останавливаются. Вот и весь секундомер.

Comments

[Robur]

requestAnimationFrame (насколько помню) может не одинаковые интервалы давать.

И именно поэтому он как раз идеально подходит - обновлять страницу тогда когда она будет реально обновляться на экране пользователя. А не как setTimeout - когда повезет.
Другой вопрос что для таймера 00:00:00 эти нюансы вообще не имеют значения, можно делать как угодно