js停止setInterval

最新推荐文章于 2024-12-07 08:19:51 发布

原创最新推荐文章于 2024-12-07 08:19:51 发布 · 4.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net

本文详细介绍了如何在JavaScript中使用setInterval实现定期发送AJAX请求，并通过clearInterval方法在接收到100%响应后优雅地停止循环。通过实例代码展示了解决停止定时任务的关键技巧。

在js里面setInterval是每隔一段时间执行一次的函数方法，如果要停止的话，请看例子代码

var sw = setInterval(function () {
                    $.ajax({
                        type: "POST",
                        url: "/home/ReadProcess",
                        data: { "guid": tm },
                        success: function (data) {
                            $('#txtProcess').val(data);
                            $('div.progress-bar').css('width', data);

                            if (data == "100%") {
                                clearInterval(sw);
                            }
                        },
                        error: function (jqXHR) {
                            console.info(jqXHR);
                        }
                    });
                }, 2000);
                //end setInterval

用clearInterval来停止循环方法。