Как исправить секундомер на javascript?

Question

[Хороший Человек]

Доброй ночи.
Учу JS и после одного из видеоуроков для закрепления материала была следующая задача: "Разработайте программу секундомер. Секундомер должен иметь три кнопки «Старт», «Стоп», «Сбросить». Секундомер должен выводить время в формате 00:00:00."

Я сделал примерно похожее решение, за исключением пары косяков:
- секундомер показывает не в нужном формате(по одной цифре для кажного значения времени);
- если второй раз(или более) нажать на кнопку старт, то счетчик начинает адово себя вести.

Видел по интернетам решения с использованием инпута для отображения значений и использование объекта Date. Но логика там довольно сложная мне показалась и не понятная в итоге. Хочу сам домучать до робочего состояния скрипт.
Подскажите пожалуйста где я ошибаюсь и где об этом можно почитать, посмотреть что бы понять как довести до ума свое детище. Весь код доступен выше по ссылке.
Спасибо за ваше время.

Answer 1

[Alexander Litvinenko]

это не корректное решение, по той причине что
setInterval(count, 1000);
срабатывает не через 1000 микросекунд, а не раньше 1000 микросекунд. То есть из-за блокирующей операции, реальный тик может быть 1200 или 1500 микросекунд, а итоге секундомер начнет врать.

Тут корректно запоминать дату старта и сравнивать с текущим временем, используя объект Date.

Answer 2

[Александр Аксентьев]

- секундомер показывает не в нужном формате(по одной цифре для кажного значения времени);

if < 10 then 0+""+seconds;

>- если второй раз(или более) нажать на кнопку старт, то счетчик начинает адово себя вести.

сбрасывать надо при старте прошлый интервал

Answer 3

[Александр]

Господа, ТС просил нулики добавить, а не углубляться в демагогию)))

во общем, примерно так, додумай сам куда влепить)))

th=hours<10?0+""+hours:hours;
tm=minutes<10?0+""+minutes:minutes;
ts=seconds<10?0+""+seconds:seconds;
timeTable.innerHTML = th+":"+tm+":"+ts;

Comments

[Stalker_RED]

Нулики это конечно хорошо, но это будет очень хреновый секундомер, с отставанием, зависящим от нагрузки на ОС или браузер.