По клику на кнопку открыть на время окно

Question

Как мне по клику на кнопку открыть на время окно, и чтобы через какой-то промежуток времени оно само закрылось?

div {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  color: white;
}

<button>Кнопка</button>
<div>Окно</div>

Answer 1

let btn = document.getElementById('btn');
let win = document.getElementById('win');

btn.addEventListener('click', () => {
  win.style.display = 'block';
  setTimeout(() => {
    win.style.display = 'none';
  }, 1000);
});

div {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  color: white;
}

<button id="btn">Кнопка</button>
<div id="win">Окно</div>

Answer 2

document.querySelector('button').onclick = e => {
  var div = document.querySelector('div');
  div.style.display = 'block';
  setTimeout(() => div.style.display = 'none', 2000);
};

div {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  color: white;
}

<button>Кнопка</button>
<div>Окно</div>

БЛОГ НА HUSL

По клику на кнопку открыть на время окно

Ответы (2 шт):