Если я добавлю в условие чтобы box скрывался через 8 секунд, как это адекватно прописать? Например если напишут так, то кнопка будет скрываться, а условие setInterval не будет обнуляться, при последующих нажатиях будет срабатываеть предыдущие таймеры на скрытие, clearInterval возможно неправильно привязан:
<style type="text/css">
#box{display: none}
</style>
<body>
<div id="date"></div>
<div id="box">Вот</div>
<button id="onclick" onclick="box_click()">Кнопка</button>
<script type="text/javascript">
function box_click() {
var node = document.getElementById("box");
if (window.getComputedStyle(node).getPropertyValue('display') == 'none') {
node.style.display = 'inline';
var id = setTimeout(function() {node.style.display = 'none';}, 8000);
} else {
node.style.display = 'none';
clearInterval(id);
};
}
</script>