在多个javascript对象中调用setInterval和clearInterval函数

桑帕特·利雅纳奇(Sampath Liyanage)

我正在尝试在使用“ new”运算符创建的js对象中使用“ setInterval”和“ clearInterval”函数。

的HTML:

<button onclick="testList.push(new Test());">run</button>

js:

Test = function(){
   this.y = 0;
   this.dy = 10;
   that = this;
   this.interval = setInterval(function(){
        that.y += that.dy;
        if (that.y>300){
            console.log(that.y);  //prints y in console
            clearInterval(that.interval);
        }
   }, 10);
}

杰菲德

当我单击“运行”按钮后,这将按我的预期工作。但是,当我多次单击“运行”按钮之前没有清除之前的间隔时(快速多次单击按钮),则间隔不会清除并且y无限增大。我在这里犯了什么错误?

先感谢您...

dfsq

您正在创建一个全局变量that该全局变量将覆盖以前的Test实例引用:

that = this;

var声明变量时应使用关键字:

var that = this;

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在jQuery中的函数外部调用clearInterval?在setInterval之外

来自分类Dev

如何在jQuery中的函数外部调用clearInterval?在setInterval之外

来自分类Dev

React中的setInterval()和clearInterval()

来自分类Dev

JavaScript中的setInterval和clearInterval作为单线程语言

来自分类Dev

JavaScript / Jquery clearInterval & setInterval 多个滑块

来自分类Dev

setInterval中的调用函数

来自分类Dev

在对象Javascript中调用Get和Set函数

来自分类Dev

javascript中调用对象和函数之间的区别

来自分类Dev

jQuery setInterval和clearInterval

来自分类Dev

jQuery setInterval和clearInterval

来自分类Dev

在javascript中的对象内部调用对象函数

来自分类Dev

如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

来自分类Dev

如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

来自分类Dev

如何在同一函数中使用setInterval()和clearInterval()

来自分类Dev

如何将setInterval和clearInterval用作函数

来自分类Dev

JavaScript对象集和函数调用

来自分类Dev

需要帮助以在Javascript中使用setInterval和clearInterval

来自分类Dev

JavaScript:setInterval和clearInterval,哪种方法正确?

来自分类Dev

为什么我无法控制 setinterval 和 clearinterval javascript?

来自分类Dev

JavaScript 秒表 SetInterval 忽略 ClearInterval

来自分类Dev

在JavaScript中的构造函数中调用函数的对象

来自分类Dev

如何从JavaScript中的函数向对象添加多个键和值?

来自分类Dev

在Angular中为多个JSON对象调用函数

来自分类Dev

在“setInterval”结束时调用 Javascript 函数

来自分类Dev

在JavaScript中获取对象字段并调用对象函数

来自分类Dev

从JavaScript的回调函数中调用对象函数

来自分类Dev

如何使用DOM和Javascript调用多个函数

来自分类Dev

setInterval在调用clearInterval之后继续运行

来自分类Dev

如何多次调用函数?(在setInterval()中)

Related 相关文章

  1. 1

    如何在jQuery中的函数外部调用clearInterval?在setInterval之外

  2. 2

    如何在jQuery中的函数外部调用clearInterval?在setInterval之外

  3. 3

    React中的setInterval()和clearInterval()

  4. 4

    JavaScript中的setInterval和clearInterval作为单线程语言

  5. 5

    JavaScript / Jquery clearInterval & setInterval 多个滑块

  6. 6

    setInterval中的调用函数

  7. 7

    在对象Javascript中调用Get和Set函数

  8. 8

    javascript中调用对象和函数之间的区别

  9. 9

    jQuery setInterval和clearInterval

  10. 10

    jQuery setInterval和clearInterval

  11. 11

    在javascript中的对象内部调用对象函数

  12. 12

    如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

  13. 13

    如何使用setInterval和clearInterval在javascript中十秒后停止计时器?

  14. 14

    如何在同一函数中使用setInterval()和clearInterval()

  15. 15

    如何将setInterval和clearInterval用作函数

  16. 16

    JavaScript对象集和函数调用

  17. 17

    需要帮助以在Javascript中使用setInterval和clearInterval

  18. 18

    JavaScript:setInterval和clearInterval,哪种方法正确?

  19. 19

    为什么我无法控制 setinterval 和 clearinterval javascript?

  20. 20

    JavaScript 秒表 SetInterval 忽略 ClearInterval

  21. 21

    在JavaScript中的构造函数中调用函数的对象

  22. 22

    如何从JavaScript中的函数向对象添加多个键和值?

  23. 23

    在Angular中为多个JSON对象调用函数

  24. 24

    在“setInterval”结束时调用 Javascript 函数

  25. 25

    在JavaScript中获取对象字段并调用对象函数

  26. 26

    从JavaScript的回调函数中调用对象函数

  27. 27

    如何使用DOM和Javascript调用多个函数

  28. 28

    setInterval在调用clearInterval之后继续运行

  29. 29

    如何多次调用函数?(在setInterval()中)

热门标签

归档