javascript - js代码停不下来

标签 javascript

<分区>

我有一个名为 "count"div,现在我想将它的值从 0 增加到 10。我是这样做的:

<script>
    var i = 0;
    var refreshId = function() {
        $('#count').text(i);
        i++;
        if (i > 10) {
            clearInterval(refreshId);
        }
    };

    $(document).ready(function() {
        setInterval(refreshId, 500);
    });
</script>

但是计数器并没有停止。怎么了?

最佳答案

clearInterval() 采用 setInterval() 函数返回的标识符。

<script>
    var i = 0;
    var refreshId;
    var refreshFunction = function() {
        $('#count').text(i);
        i++;
        if (i > 10) {
            clearInterval(refreshId);
        }
    };

    $(document).ready(function() {
        refreshId = setInterval(refreshFunction, 500);
    });
</script>

关于javascript - js代码停不下来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25949236/

相关文章:

javascript - JS 删除元素的函数不起作用

javascript - 如何在 highcharts 标题中添加版权符号?

javascript - Electron ,如何通过加载不同的文件来创建另一个窗口

javascript - 查找数组中缺失的组成员

javascript - 使用数据切换工具提示映射鼠标悬停

javascript - 多次更改元素的 ID

javascript - 为什么这个字符串会被转换为 JQuery?

Javascript 和 html 连接

javascript - 如何注入(inject)改变组件状态的函数?

javascript - 一个函数在作用域内,一个函数在作用域外,即使这两个函数定义在同一位置