清除后再次启动间隔

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了清除后再次启动间隔相关的知识,希望对你有一定的参考价值。

清除后如何重新启动间隔?我希望按钮每11秒可单击一次,但我将其禁用,而计时器等于0后等于0,则按钮未禁用,因此它可单击,我编写了这段代码,它似乎有效,但是多次调用setInterval()功能计时器关闭速度太快

  data:
    sTimer:11,
    sDisabled:true,
    asd:null
  ,
  methods:
        testing()
        this.sTimer--;
      if(this.sTimer == 0)
        clearInterval(this.asd);
        this.sTimer= 11;
        this.sDisabled = false;
      else
        this.sDisabled = true;
      
    ,
    specialAttack()
      setInterval(() => this.testing(), 1000)
    
  ,
  created()
    this.asd = setInterval(() => this.testing(), 1000);
  
<button class="specialAttack" :disabled="sDisabled" @click="specialAttack(); testing()">Special Attack  sTimer </button>

清除后如何重新启动间隔?我希望按钮每11秒可单击一次,但我将其设为等于0后计时器> 0时将其禁用,因此按钮未禁用,因此可单击...

答案

您在这里犯了一些错误,所以首先要实现这样的事情,您应该使用setTimeout而不是setInterval

以上是关于清除后再次启动间隔的主要内容,如果未能解决你的问题,请参考以下文章

无法在异步间隔中清除计时器

如何在 Vuex 中清除间隔

js dom 操作

多次调用 setInterval 然后清除间隔,轮询未停止

js中秒表无法使用清除间隔方法

React hooks - 清除超时和间隔的正确方法