javascript - 我想在 jQuery/javascript 中在指定的时间间隔内一次又一次地读取文本文件，除非满足条件

Question

经过大量挖掘后，我想出了使用 $.get() 方法并按如下方式实现它 -

var id = setInterval(frame, 1000);
    function frame() 
        {
            if (progressBar.dataset.size == 100) 
            {
                clearInterval(id);
            }
            else {
                $.get('Progress1.txt', function (data1) {
                    progressBar.dataset.size = data1;
                    foreground.style.width = data1 + '%';
                    foreground.className += ' ' + newClass;
                    progressPercent.innerHTML = data1 + '%';

                });
            }

        }

例如，如果文本文件内容是 40，那么我必须将进度条的宽度设置为 40%。文本文件的值在我的后端(C#)中不断动态变化。所以我必须继续检查它，直到前端文本文件的内容达到 100(jQuery/JavaScript)。现在，该页面第一次运行良好。但是，当我尝试手动更改文本文件的内容时，它没有反射(reflect)在我的进度栏中。此外，在第二次运行它之后，我得到了与我第一次在文本文件中使用的相同的内容。

Answer 1

感谢以上的建议。但我发现我必须在循环结束后使用 -

 $.get('Progress1.txt').abort();

这样，每次循环开始时，它都会再次加载服务器文件，而不是使用旧副本，就像我们没有使用 abort() 时的情况一样。