Не обновляются часы
проблема в том, что при нажатии кнопки start, время включается , но не обновляется, если убрать обработчик с кнопкой то время работает норм. Нужно чтобы при нажатии кнопки Start время запускалось, а при нажатии кнопки reset время выключалось, либо сбрасывалось на 00:00:00.
html
<body>
<div id="watch"></div>
<button>Start</button>
<button>Reset</button>
<script>
var buttons = document.getElementsByTagName ("button");
buttons[0].addEventListener("click", time);
function time(e) {
var d = new Date();
document.getElementById("watch").innerHTML = d.toLocaleTimeString();
};
setInterval("time(e)", 1000);
</script>
</body>
|
Sokoljr,
придумайте переменную для setInterval по клику на buttons[0] запускате интервал по клику на buttons[1] обнуляйте |
не совсем понял, я же setInterval запускаю функцию, на которую уже поставлен обработчик
|
Sokoljr,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="watch"></div>
<button>Start</button>
<button>Reset</button>
<script>
var buttons = document.getElementsByTagName ("button"), timer;
buttons[0].addEventListener("click", goTime);
buttons[1].addEventListener("click", endTime);
function goTime()
{
time();
timer = setInterval(time, 1000);
}
function endTime()
{
window.clearInterval(timer);
//document.getElementById("watch").innerHTML = "00:00:00"
}
function time() {
var d = new Date();
document.getElementById("watch").innerHTML = d.toLocaleTimeString();
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 20:48. |