clearInterval() 不会停止 setInterval() - Firefox 扩展开发

Question

我正在修改篡改数据，这将允许我将其观察到的 HTTP 请求/响应发送到服务器。到目前为止，该功能已正确实现。下一步是自动化此过程，我希望使用“复选框”类型的工具栏菜单按钮来打开和关闭此功能。

到目前为止，我在 .XUL 中有这段代码：

<toolbarbutton id="tamper.autosend" label="&tamper.toolbar.autosend;" type="checkbox" oncommand="oTamper.toggleTimer();"/>

在我的扩展的主驱动程序中这个函数：

toggleTimer : function() {
 var checked = document.getElementById('tamper.autosend').checked;

 var consoleService = Components.classes["@mozilla.org/consoleservice;1"].getService(Components.interfaces.nsIConsoleService);

 consoleService.logStringMessage(checked);

 if (checked) {
        var interval = window.setInterval(function(thisObj) { thisObj.sendResults(true); }, 1000, this);
 }

 else {
        window.clearInterval(interval);
 }
}

使用 consoleService 我发现“checked”的值确实是正确的。我相信问题在于我如何调用clearInterval，但我不太确定如何解决它。

非常感谢任何帮助！

Answer 1

如果尝试在开始时声明变量，则您已经在内部定义了间隔

var interval = 0;
toggleTimer : function() {
 var checked = document.getElementById('tamper.autosend').checked;

 var consoleService = Components.classes["@mozilla.org/consoleservice;1"].getService(Components.interfaces.nsIConsoleService);

 consoleService.logStringMessage(checked);

 if (checked) {
        interval = window.setInterval(function(thisObj) { thisObj.sendResults(true); }, 1000, this);
 }

 else {
        window.clearInterval(interval);
 }
}

Answer 2

你做错了，每次你想设置新的间隔时，你应该先清除它

clearInterval(intervalID);

console.log('reset timer');

intervalID = setInterval(function () {
    console.log('tick');
}, refreshInterval);

Answer 3

您将间隔存储在局部变量中；下次您尝试 clearInterval 未定义的变量时，该值会在函数返回后丢失。将间隔存储在 ie 全局变量中：

 if (checked) {
        window.interval = window.setInterval(function(thisObj) { thisObj.sendResults(true); }, 1000, this);
 }

 else {
        window.clearInterval(interval);
 }

Answer 4

当然，因为 interval 被定义为私有变量。它在 toggleTimer 函数中定义，并在函数结束时被销毁。

使用 interval = window.setInterval() 而不是 var Interval = window.setInterval() 来定义稍后可供 clearInterval 访问的全局变量。

以下是 JavaScript 变量范围的一些示例。 var 用于定义当前范围内的变量。保留 var 始终会创建或更改局部变量。

function func1() {
    i = 1; // global
}
func1();
alert(i); // 1

var j = 2;
function func2() {
    var j = 3; // private
}
func2();
alert(j); // 2

k = 4;
function func3() {
    k = 5; // global
}
func3();
alert(k); // 5

var l = 6;
function func4() {
    l = 7; // global
}
func4();
alert(l); // 7

function func5() {
    var m = 6; // private
}
func5();
alert(m); // undefined