将setTimeout添加到事件侦听器

抛光

我在将超时添加到事件侦听器功能时遇到麻烦。

onclick 事件似乎不是问题,但是将其添加到函数中似乎无效。

为此需要jQuery吗?我想在函数执行前添加3或5秒钟。

<HTML>
<body>

<p>Click "Try it". Wait 3 seconds, and the page will alert "Hello".</p>

<button id="btn">Try it</button>
<!--
onclick="setTimeout(myFunction, 3000);"
-->
<script>

document.getElementById('btn').addEventListener("click", myFunction)
function myFunction() {
  alert('Hello');
}


</script>

</body>
</html>
巴尔玛

您可以使用调用的匿名函数setTimeout()

document.getElementById('btn').addEventListener("click", function() {
  setTimeout(myFunction, 3000);
});

function myFunction() {
  alert('Hello');
}
<p>Click "Try it". Wait 3 seconds, and the page will alert "Hello".</p>

<button id="btn">Try it</button>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

将Click事件侦听器添加到具有相同类的元素

来自分类Dev

将事件侦听器添加到由事件侦听器添加的表单元素

来自分类Dev

将事件侦听器添加到基于类的DOM元素

来自分类Dev

将onchange事件侦听器添加到html输入字段

来自分类Dev

将事件侦听器添加到HTML元素集合

来自分类Dev

JavaScript事件侦听器未添加到按钮

来自分类Dev

如何将侦听器事件添加到由DefaultListModel对象添加的JList元素?

来自分类Dev

如何将onkeypress事件侦听器添加到输入标签

来自分类Dev

如何将事件侦听器添加到JavaScript中的许多按钮?

来自分类Dev

将事件侦听器(在回调函数中)添加到生成的元素

来自分类Dev

在插入CKEDITOR时将事件侦听器添加到元素吗?

来自分类Dev

如何通过JavaScript将事件侦听器添加到body元素?

来自分类Dev

将事件侦听器添加到香草javascript中尚不存在的元素

来自分类Dev

编译后如何将事件侦听器添加到Handlebars模板?

来自分类Dev

Onsen 2.0-使用Javascript将事件侦听器添加到Ons-Switch

来自分类Dev

将事件侦听器添加到动态添加的HTML元素

来自分类Dev

将事件侦听器添加到if语句

来自分类Dev

将事件侦听器添加到动态创建的元素中

来自分类Dev

如何将事件侦听器添加到tone.js中播放的音符

来自分类Dev

如何将事件侦听器添加到动态创建的HTML列表元素?

来自分类Dev

将事件侦听器添加到多个生成的元素

来自分类Dev

将拖动事件侦听器添加到iframe

来自分类Dev

将setTimeout添加到事件侦听器

来自分类Dev

将setTimeout添加到事件侦听器

来自分类Dev

将setTimeout添加到事件侦听器

来自分类Dev

将事件侦听器添加到绘制的对象

来自分类Dev

如何将侦听器事件添加到由DefaultListModel对象添加的JList元素?

来自分类Dev

尝试将事件侦听器添加到JTextField

来自分类Dev

将“this”添加到事件侦听器?

Related 相关文章

  1. 1

    将Click事件侦听器添加到具有相同类的元素

  2. 2

    将事件侦听器添加到由事件侦听器添加的表单元素

  3. 3

    将事件侦听器添加到基于类的DOM元素

  4. 4

    将onchange事件侦听器添加到html输入字段

  5. 5

    将事件侦听器添加到HTML元素集合

  6. 6

    JavaScript事件侦听器未添加到按钮

  7. 7

    如何将侦听器事件添加到由DefaultListModel对象添加的JList元素?

  8. 8

    如何将onkeypress事件侦听器添加到输入标签

  9. 9

    如何将事件侦听器添加到JavaScript中的许多按钮?

  10. 10

    将事件侦听器(在回调函数中)添加到生成的元素

  11. 11

    在插入CKEDITOR时将事件侦听器添加到元素吗?

  12. 12

    如何通过JavaScript将事件侦听器添加到body元素?

  13. 13

    将事件侦听器添加到香草javascript中尚不存在的元素

  14. 14

    编译后如何将事件侦听器添加到Handlebars模板?

  15. 15

    Onsen 2.0-使用Javascript将事件侦听器添加到Ons-Switch

  16. 16

    将事件侦听器添加到动态添加的HTML元素

  17. 17

    将事件侦听器添加到if语句

  18. 18

    将事件侦听器添加到动态创建的元素中

  19. 19

    如何将事件侦听器添加到tone.js中播放的音符

  20. 20

    如何将事件侦听器添加到动态创建的HTML列表元素?

  21. 21

    将事件侦听器添加到多个生成的元素

  22. 22

    将拖动事件侦听器添加到iframe

  23. 23

    将setTimeout添加到事件侦听器

  24. 24

    将setTimeout添加到事件侦听器

  25. 25

    将setTimeout添加到事件侦听器

  26. 26

    将事件侦听器添加到绘制的对象

  27. 27

    如何将侦听器事件添加到由DefaultListModel对象添加的JList元素?

  28. 28

    尝试将事件侦听器添加到JTextField

  29. 29

    将“this”添加到事件侦听器?

热门标签

归档