如果我单击一个按钮,我希望一段时间后文本显示在我的文档中。如何在setTimeout
函数中使用事件监听器?
你这样做:
document.getElementById('button-id').addEventListener('click', function() {
setTimeout(function() {
document.getElementById('document-element-id').innerHtml = 'the text you want displaying';
}, 800);
});
这会在附加到按钮的click事件中使用超时。值800是执行前等待的时间(以毫秒为单位)。
尝试这个简单的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>