首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使window.clearInterval()使用这些javascript代码?

如何使window.clearInterval()使用这些javascript代码?
EN

Stack Overflow用户
提问于 2015-09-10 13:12:17
回答 3查看 130关注 0票数 0

我试图实现一个波多罗时钟,在深入研究真正的代码之前,我正在使用window.setInterval()和它的对应的window.clearInterval。我面临的问题是我无法让window.clearInterval()为我工作。请看我的代码,并指导我如何使它工作。谢谢

代码语言:javascript
运行
复制
var startTime = 11;
var intervalID;

function downCounter() {
  startTime--;
  $('h2').text(startTime);
}

if (startTime > 0)
  intervalID = setInterval(downCounter, 1000);
else
  clearInterval(intervalID);
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h2></h2>

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-09-10 13:17:15

这里的else

代码语言:javascript
运行
复制
if (startTime > 0)
  intervalID = setInterval(downCounter, 1000);
else
  clearInterval(intervalID);

永远不会跑。

当您知道startTime> 0时,在计时器启动之前,这个块只运行一次。

检查处理程序中的startTime,并在它走得太远时清除那里的间隔:

代码语言:javascript
运行
复制
var startTime = 11;
var intervalID;

function downCounter() {
  startTime--;
  $('h2').text(startTime);
  
  if (startTime <= 0)
    clearInterval(intervalID);
}

intervalID = setInterval(downCounter, 1000);
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h2></h2>

票数 1
EN

Stack Overflow用户

发布于 2015-09-10 13:16:13

在您的代码中,只在第一次检查if (startTime > 0)。试着这样做:

代码语言:javascript
运行
复制
$(document).ready(function() {
    var startTime = 11;
    var intervalID;
    function downCounter() {
        startTime--;
        $('h2').text(startTime);
        if (startTime <= 0){
            clearInterval(intervalID);
        }
    }
    intervalID = setInterval(downCounter, 1000);    
});
票数 2
EN

Stack Overflow用户

发布于 2015-09-10 13:18:43

应该在clearInterval函数中调用downCounter:

代码语言:javascript
运行
复制
    function downCounter() {
      startTime--;
      $('h2').text(startTime);
      if (startTime <= 0 ) {
        clearInterval(intervalID);
      }    
    }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32502884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档