Форум

Sokoljr · #1 (**permalink**) 27.06.2016, 19:35

проблема в том, что при нажатии кнопки 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>

рони · #2 (**permalink**) 27.06.2016, 19:53

Sokoljr,
придумайте переменную для setInterval по клику на buttons[0] запускате интервал по клику на buttons[1] обнуляйте

Sokoljr · #3 (**permalink**) 27.06.2016, 19:59

не совсем понял, я же setInterval запускаю функцию, на которую уже поставлен обработчик

рони · #4 (**permalink**) 27.06.2016, 20:01

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>

Форум

Справочник

Discord чат

Курсы javascript