JavaScript - 使用带有setTimeout函数的事件监听器[关闭]

问题描述 投票:-5回答:2

如果我单击一个按钮,我希望一段时间后文本显示在我的文档中。如何在setTimeout函数中使用事件监听器?

javascript settimeout addeventlistener
2个回答
0
投票

你这样做:

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>
© www.soinside.com 2019 - 2024. All rights reserved.