如何在Javascript事件处理程序中延迟向DOM添加元素

麦可

我使用纯JavaScript no库,但我对客户端编程(尤其是JavaScript)较新。

我的客户端窗口位于左侧和右侧。

在用户按下按钮时,会触发completeTask事件处理程序。

事件处理程序在窗口的左侧添加了两个HTML元素,一个在窗口的左侧,另一个延迟了大约3000毫秒。

这是事件处理程序的概念性描述:

        function completeTask() 
        {
            addSomeElemntToLeftSide(); 
            delay(3000);
            addSomeElemntToRightSide();
        }

问题在于事件处理程序执行后,两个HTML元素都已添加到DOM中,没有任何延迟。

任何想法我该怎么做才能在添加两个元素之间延迟,然后在添加3000msec之后之间延迟?

斯维尔·奥尔森(Sverri M.

Javascript没有delay()功能。对于这样的事情,您可能想使用setTimeout,例如:

function completeTask() {
    addSomeElemntToLeftSide(); 
    setTimeout(addSomeElemntToRightSide, 3000);
}

addSomeElemntToRightSide函数将传递给setTimeout,它将在3000ms(3秒)内运行。您也可以这样写:

function completeTask() {
    addSomeElemntToLeftSide(); 
    setTimeout(function () {
        addSomeElemntToRightSide();
    }, 3000);
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

如何在R中的列表中添加元素(循环)

来自分类Dev

如何在OSX中的应用程序菜单中添加元素?

来自分类Dev

如何在现有应用程序的下拉通知栏中添加元素?

来自分类Dev

使用JS在DOM中添加元素

来自分类Dev

如何在MVC中为DropDownList添加事件处理程序

来自分类Dev

如何使用HTML和Javascript向网页添加元素?

来自分类Dev

如何在PHP中向多维数组添加元素?

来自分类Dev

在构造函数中绑定函数时,如何在ES6 React中向事件处理程序添加参数

来自分类Dev

如何在PowerShell中添加事件动作处理程序

来自分类Dev

如何在Java中的空数组中添加元素?

来自分类Dev

向html元素添加和删除事件处理程序

来自分类Dev

如何在.clone元素上添加事件处理程序

来自分类Dev

如何在OSX中的应用程序菜单中添加元素?

来自分类Dev

如何在现有应用程序的下拉通知栏中添加元素?

来自分类Dev

如何向集合中添加元素

来自分类Dev

如何在Haskell列表中的元组中添加元素?

来自分类Dev

如何向向量添加元素

来自分类Dev

如何在事件上创建DOM元素,然后阻止事件处理程序在DOM元素存在之前触发?

来自分类Dev

如何在Swift中向自定义对象数组添加元素

来自分类Dev

如何在C ++中向数组添加元素?

来自分类Dev

当我无法控制html时,如何向元素添加事件处理程序?

来自分类Dev

如何在确保列表中包含Scala中最新的n个元素的同时向列表中添加元素

来自分类Dev

如何在javascript中选择值选项添加元素

来自分类Dev

无法向 DOM 添加元素

来自分类Dev

如何向附加元素添加函数

来自分类Dev

如何在列表推导式中向字典添加元素?

来自分类Dev

如何正确处理动态添加元素的事件?

来自分类Dev

如何在元素中添加元素?(ES6)

来自分类Dev

如何从提交事件处理程序向对象数组添加新元素

Related 相关文章

  1. 1

    如何在R中的列表中添加元素(循环)

  2. 2

    如何在OSX中的应用程序菜单中添加元素?

  3. 3

    如何在现有应用程序的下拉通知栏中添加元素?

  4. 4

    使用JS在DOM中添加元素

  5. 5

    如何在MVC中为DropDownList添加事件处理程序

  6. 6

    如何使用HTML和Javascript向网页添加元素?

  7. 7

    如何在PHP中向多维数组添加元素?

  8. 8

    在构造函数中绑定函数时,如何在ES6 React中向事件处理程序添加参数

  9. 9

    如何在PowerShell中添加事件动作处理程序

  10. 10

    如何在Java中的空数组中添加元素?

  11. 11

    向html元素添加和删除事件处理程序

  12. 12

    如何在.clone元素上添加事件处理程序

  13. 13

    如何在OSX中的应用程序菜单中添加元素?

  14. 14

    如何在现有应用程序的下拉通知栏中添加元素?

  15. 15

    如何向集合中添加元素

  16. 16

    如何在Haskell列表中的元组中添加元素?

  17. 17

    如何向向量添加元素

  18. 18

    如何在事件上创建DOM元素,然后阻止事件处理程序在DOM元素存在之前触发?

  19. 19

    如何在Swift中向自定义对象数组添加元素

  20. 20

    如何在C ++中向数组添加元素?

  21. 21

    当我无法控制html时,如何向元素添加事件处理程序?

  22. 22

    如何在确保列表中包含Scala中最新的n个元素的同时向列表中添加元素

  23. 23

    如何在javascript中选择值选项添加元素

  24. 24

    无法向 DOM 添加元素

  25. 25

    如何向附加元素添加函数

  26. 26

    如何在列表推导式中向字典添加元素?

  27. 27

    如何正确处理动态添加元素的事件?

  28. 28

    如何在元素中添加元素?(ES6)

  29. 29

    如何从提交事件处理程序向对象数组添加新元素

热门标签

归档