javascript - 在运行 javascript 时停止 setInterval

标签 javascript setinterval

我需要能够在运行时停止 setInterval 函数。 这个想法是,如果调整浏览器的大小,那么它将计时器(320 像素或更小) 这是间隔:

var blurb_scroll = setInterval(function(){ 
        $(".content .blurb-container:first").next().css({'opacity':0}).delay(400).animate({'opacity':1}, 'fast');
        $(".content .blurb-container:first").animate({'margin-top':'-190px', 'opacity':'0'}, 'slow', function(){
            $(this).appendTo(blurb_container).removeAttr('style');
        });
    },6000);

最佳答案

您必须使用 clearInterval。将带有 setInterval 的变量作为全局变量,然后您可以在任何地方停止它。

<html>
<body>

<input type="text" id="clock">
<script language=javascript>
var int=self.setInterval(function(){clock()},1000);
function clock() {
  var d=new Date();
  var t=d.toLocaleTimeString();
  document.getElementById("clock").value=t;
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop</button>

</body>
</html>

Here你可以找到这个例子和更多关于 clearInterval 的信息。

希望对您有所帮助!

关于javascript - 在运行 javascript 时停止 setInterval,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18517435/

相关文章:

javascript - 如何限制浏览器缓存中来自 firestore 的离线数据

javascript - 如何让函数 `clearInterval`本身?

javascript - 当用户取消选择 div 时停止代码运行

javascript - 如何在 javascript 中创建一个准确的计时器?

javascript - clearInterval() 可以在 setInterval() 内部调用吗?

javascript - 如何通过引用设置值对象

javascript - equalTo 不适用于 Firebase

javascript - 将属性添加到 Express 请求对象

javascript - 使用 jmespath 通过两个参数查找最小值和最大值

Javascript setInterval 不起作用