Выполнение JavaScript через X секунд

Я создаю межстраничную страницу, используя <div> и JavaScript, действительно простой script, но аккуратный.

Все работает, но я также хотел бы закрыть div через несколько секунд (например, 10 секунд). Вот что я до сих пор:

• У меня есть два div, 1 и 2.
• У меня есть настройка CSS для div 1, например: display: none; (у div 1 есть содержимое заставки)
• Div 2 - это слой, который будет закрывать страницу и оставлять видимым только div 1.

Для загрузки div у меня есть функция onload, например:

onload="document.getElementById('div1').style.display='block';document.getElementById('div2').style.display='block'"

Чтобы скрыть divs, у меня есть функция onclick, например:

<a href = "javascript:void(0)" onclick = "document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='none'"></a>

Как я могу выполнить функцию onclick с помощью таймера и как это сделать? Он также должен быть в JavaScript.

Ответы

function myClick() {
  setTimeout(
    function() {
      document.getElementById('div1').style.display='none';
      document.getElementById('div2').style.display='none';
    }, 5000);
}

onclick="myClick();"

onclick = "setTimeout(function() { document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='none'}, 1000)"

setTimeout(code, millisec, lang)

setTimeout("function1()", 1000);