Question

如果我点击一个按钮，我想在一段时间后在我的文档中显示一个文本。如何使用具有setTimeout功能的事件监听器？

Answer 1

尝试使用以下简单的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>

Answer 2

你这样做：

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

这会在附加到按钮的click事件中使用超时。值800是执行前等待的时间量（以毫秒为单位）。

JavaScript - 使用带有setTimeout函数的事件侦听器

2 个答案: