Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.03.2017, 17:57
Новичок на форуме
Отправить личное сообщение для almaz73rus1 Посмотреть профиль Найти все сообщения от almaz73rus1
 
Регистрация: 26.03.2017
Сообщений: 2

Создание таймера с дополнительными функциями
Помогите пожалуйста! нужно Реализовать секундомер который выводил бы в отдельных текстовых полях секунды и минуты от начала отсчета. Добавить возможность перезапуска секундомера и установки любого начального положения а также с помощью независимого переключателя возможность установки режима отсчета времени с шагом 0.1с и 1с.
Ответить с цитированием
  #2 (permalink)  
Старый 26.03.2017, 18:03
Новичок на форуме
Отправить личное сообщение для almaz73rus1 Посмотреть профиль Найти все сообщения от almaz73rus1
 
Регистрация: 26.03.2017
Сообщений: 2

Вот есть начальный код, в нем нужно добавить милисекунды и чтобы все числа находились на каждой строчке + выбор режима отчета:
<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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно внести изменения в скрипт таймера обратного отсчета времени? LADYX Элементы интерфейса 2 26.07.2016 22:25
продолжить работу таймера с помощью cookie dima1989 Элементы интерфейса 1 03.09.2015 09:37
Создание своей библиотеки. Создание двух одинаковых объектов. Как избежать? IDCh Javascript под браузер 2 31.10.2012 12:53
Создание скрипта! Создание диктанта для учеников! Елизавета Работа 10 30.06.2010 21:00
запретить повторный запуск таймера setInterval-clearInterval mrWong Общие вопросы Javascript 1 01.02.2010 12:25