Создание таймера с дополнительными функциями
Помогите пожалуйста! нужно Реализовать секундомер который выводил бы в отдельных текстовых полях секунды и минуты от начала отсчета. Добавить возможность перезапуска секундомера и установки любого начального положения а также с помощью независимого переключателя возможность установки режима отсчета времени с шагом 0.1с и 1с.
|
Вот есть начальный код, в нем нужно добавить милисекунды и чтобы все числа находились на каждой строчке + выбор режима отчета:
<html> <head> <meta charset=Windows-1251"utf-8"> <style type="text/css"> body { background-color:#B5F10E; margin:0px; } div { color:#0644FF; font:bold 12pt Tahoma; margin:15px; } </style> <script type="text/javascript"> var t = new Date,f = 1,s,n; t.setHours(0, 0, 0, 0); function Timer() { t = new Date(t.getTime() + f*((new Date).getTime() - s.getTime())); document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString(); s = new Date; n = setTimeout(arguments.callee, 500) } function New_start() { window.clearTimeout(n); t.setHours(0, 0, 0, 0); s = new Date; Timer() } function Pause() { s ? (window.clearTimeout(n), s = !1) : (s = new Date, Timer()) }; function Set() { var sec = parseInt(document.getElementById("sec").value, 10)||0 t.setHours(0, 0, sec, 0); document.getElementsByTagName("div")[0].innerHTML = t.toLocaleTimeString(); } </script> </head> <body> <input type="button" onclick="New_start()" value="Старт/Заного"> <input type="button" onclick="Pause();" value="Пауза/Продолжить"> <input type="button" onclick="Set();" value="Установить отчет с"> <label><input type="text" value="0" id="sec">сек</label> <div>Секундомер</div> </body> </html> |
| Часовой пояс GMT +3, время: 20:35. |