清除后如何啟動javascript setinterval？

Question

我有一個setinterval每5秒運行一次。 這在頁面加載時效果很好。

我有以下幾種情況：

1. 間隔加載頁面（ WORKS ）
2. 按下按鈕並加載新的內容和STOPP間隔（ 工程 ）
3. 一旦不再需要新內容，請將其解散，返回到第一個內容，然后重新開始間隔（ 不起作用 ）
4. 我有諸如window.blur之類的事件之類的安全性，它也可以停止間隔，因此如果我要更改標簽或其他內容，瀏覽器將不會對所有缺少的間隔進行提示。 我是否會步三改一選項卡，然后回到我原來的頁面后（執行模糊）的時間間隔會重新開始工作請記住，第3步沒有工作， 但 。

注意，這里所有的內容加載（例如頁面加載）都是通過ajax調用完成的。

我的代碼：

初始化 ：

        $.automation.worker.bindIntervalEvent("#TanksContent", "/Tank/GetTanks", function() {
            $.automation.tanks.tableInit();
        });

綁定功能：

    bindIntervalEvent: function (target, url, callback) {
        $(window)
            .on("focus.mine",
                function() {
                    $.automation.worker.setUpdateInterval(target, url, callback);
                })
            .on("blur",
                function() {
                    $.automation.worker.stopUpdateInterval();
                }).trigger("focus.mine");
    }

間隔函數：

    setUpdateInterval: function (target, url, callback) {
        if ($.automation.globals.globalInterval.value.length === 0) {

            $.automation.globals.globalInterval.value.push(window.setInterval(
                function () {
                    var options = {
                        loadTarget: target
                    }
                    $.automation.worker.getView(url,
                        function() {
                            if (callback)
                                callback();
                        },
                        options);
                },
                5000));
        }
    }

停止時間間隔的功能：

    stopUpdateInterval: function () {
        if ($.automation.globals.globalInterval.value.length === 0)
            return;

        console.log("deleting");

        for (var i = 0; i <= $.automation.globals.globalInterval.value.length; i++) {
            window.clearInterval($.automation.globals.globalInterval.value[i])

            $.automation.globals.globalInterval.value.splice(i, 1);
            console.log($.automation.globals.globalInterval.value.length);
        }
    }

當停止間隔時，我也刪除了窗口綁定：

   unBindIntervalEvent: function() {
        $(window).off("focus.mine");
        $(window).unbind("blur");
    }

返回步驟3：

我的getview函數回調中的成功方法與我在開始代碼中執行的方法相同：

        $(".updatelatest")
            .on("click",
                function () {
                    var _this = $(this);
                    var options = {
                        loadTarget:"#TanksContent"
                    }
                    $.automation.worker.getView("/Tank/GetTanks",
                        function (data) {
                            $(_this).switchClass("col-md-5", "col-md-1", 1000, function() {
                                $(_this).addClass("hidden");
                                $(".search").switchClass("col-md-5", "col-md-12", 1000, "easeInOutQuad");
                            })                                  
                            $.automation.tanks.tableInit();
                            $.automation.worker.bindIntervalEvent("#TanksContent", "/Tank/GetTanks", function () {
                                $.automation.tanks.tableInit();
                            });
                            $(window).trigger("blur");
                        }, options);
                });

但這不會開始間隔。 它顯然已初始化，因為它在執行window.blur時（例如，當我更改tab時）有效，但由於某種原因，它無法正常工作。

我試圖觸發Windows模糊事件，但沒有任何反應，我試圖觸發自定義窗口事件“ focuse.mine”，但沒有任何反應。

我在開發過程中沒有注意到這一點，因為我已經打開了螢火蟲，並且每次我檢查腳本，css或控制台時，都會執行模糊功能，因此我以為我的代碼可以按預期工作，但是現在部署它時，我注意到了這一點。

我的頭跳動得超出理智，我無法弄清楚哪里出了問題。

Answer 1

好吧，這很有趣。 我只是發現在調用setUpdateInterval（）時發現了這一點。 直接功能它給了我想要的結果。

我意識到，像我一樣將它們拆分的原因在於模糊事件。 當用戶返回頁面時，將觸發“ Focus.mine”以再次啟動間隔。