jquery - 每秒更新计数导致大量内存问题

Question

就在我的本地机器上，尝试运行以下脚本会导致我的计算机崩溃......我做错了什么？

            (function($) {
            var count = '6824756980';
            while (count > 0) {
                setInterval(function() {
                    $('#showcount').html(Math.floor(count-1));
                    count--;
                }, 1000 );
            }
        })(jQuery);

我需要做的就是从 var "count" 中减去一个并每秒更新/显示它的值。

Answer 1

你正在做的是设置 6824756980 定时器 - >坏

做就是了

 $(document).ready(function(){
    var count = 6824756980;
    var timerID = setInterval(function() {
             if(count > 0){
                $('#showcount').html(Math.floor(count-=1));
                count--;
             }
             else clearInterval(timerID);
    }, 1000 );
 });

Answer 2

除了 count 是字符串而不是数字之外，您还使用 while(count > 0) { setInterval ... } 生成了大量的 Interval 函数

如果我理解，您应该在 Interval 函数中检查 count > 0，因为它每秒运行一次。

Answer 3

你setInterval来错地方了。

它目前在一个 while 循环的主体中，它将尽可能快地循环，并且每次触发该函数以增加计数器。难怪它在吃资源。

您只需要调用一次 setInterval。