JavaScript - использование прослушивателя событий с помощью функции setTimeout

Если я нажму кнопку, я хочу, чтобы текст появился в моем документе через некоторое время. Как я могу использовать прослушиватель событий с помощью функции setTimeout?

-5
источник поделиться
2 ответа

Вы сделали бы это:

document.getElementById('button-id').addEventListener('click', function() {
  setTimeout(function() {
    document.getElementById('document-element-id').innerHtml = 'the text you want displaying';
  }, 800);
});

это использует тайм-аут внутри события click, прикрепленного к кнопке. Значение 800 - это количество времени (в миллисекундах), которое оно ожидает перед выполнением.

0
источник

Попробуйте этот простой setTimeout используя:

 document.getElementById("btnListener").addEventListener("click", function(){ 
    setTimeout(function(){ 
    document.getElementById('p1').innerHTML = "I tried 3 seconds to be shown here";
    }, 3000);
});
<html>
<body>

<p>Click the button to wait 3 seconds, then message shown.</p>

<button id="btnListener">Show Message</button>

<p id="p1"></p>

</body>
</html>
0
источник

Посмотрите другие вопросы по меткам или Задайте вопрос