Запилил для задачки обновляемые часы, получающие данные из new Date, обновляемой функцией update. Не обновляются данные в узлах span в моем варианте решения и обновляются в ответе к задаче. Двач-помогач, объясни, где я прокололся.Вариант из ответа<!DOCTYPE HTML><html><body> <div id='clock'> <span class='hours'>hh</span>:<span>mm</span>:<span>ss</span> </div> <input type="button" onclick="clockStart()" value="Start"> <input type="button" onclick="clockStop()" value="Stop"> <script> function update() { var clock = document.getElementById('clock'); var date = new Date(); // () var hours = date.getHours(); if (hours < 10) hours = '0' + hours; clock.children[0].innerHTML = hours; var minutes = date.getMinutes(); if (minutes < 10) minutes = '0' + minutes; clock.children[1].innerHTML = minutes; var seconds = date.getSeconds(); if (seconds < 10) seconds = '0' + seconds; clock.children[2].innerHTML = seconds; } var timerId; function clockStart() { // запустить часы timerId = setInterval(update, 1000); update(); // () } function clockStop() { clearInterval(timerId); timerId = null; } </script></body></html>________________________________________Мой вариант<!DOCTYPE HTML><html><body> <div id='clock'> <span class='hours'>hh</span>:<span>mm</span>:<span>ss</span> </div> <input type="button" onclick="clockStart()" value="Start"> <input type="button" onclick="clockStop()" value="Stop"> <script> function update(){ var clock = document.getElementById('clock'); var d = new Date(); var hrs = d.getHours(); if(hrs < 10) hrs = '0' + hrs; clock.children[0].innerHTML = hrs; var min = d.getMinutes(); if(min < 10) min = '0' + min; clock.children[1].innerHTML = min; var sec = d.getHours(); if(sec < 10) sec = '0' + sec; clock.children[2].innerHTML = sec; } var timerId; function clockStart() { // запустить часы timerId = setInterval(update, 1000); update(); // (*) } function clockStop() { clearInterval(timerId); timerId = null; } </script></body></html>
