Не могу спрятать элемент
<!DOCTYPE HTML>
<html>
<head>
<style>
#clock{
color: red;
font-size: 25px;
}
</style>
</head>
<body>
<button onclick="clock" id="time">Time</button>
<div id="clock"></div>
<button id="hide">Hide Time</button>
<script type="text/javascript">
document.getElementById("time").onclick = function time(){//Function visible time
window.setInterval(function(){
var now = new Date();
var clock = document.getElementById('clock');
clock.innerHTML = now.toLocaleTimeString();
}, 20);
}
document.getElementById("hide").onclick = function hide() {//Function hide time
/* В этой функции я не могу спрятать элемент div с id=clock при нажатии на кнопку с id=hide */
clock.style.block = 'none';
}
</script>
</body>
</html>
|