单击按钮时ClearInterval未定义

Question

假设我有几个按钮，单击它们会触发特定的setInterval，但是当我单击其他按钮时，先前的setInterval不会清除或显示为未定义。

例：

$("#button1").click(function () {

        var url = "xxx";
        var min = "yyy";

        getGraphCredentials3(min,url);

        var onehour = setInterval(function () {
                getGraphCredentials3(min,url);
        }, 5000);


        clearInterval(twohour);  

});


$("#button2").click(function () {

        var url = "zzz";
        var min = "uuu";

        getGraphCredentials3(min,url);

        var twohour = setInterval(function () {
                getGraphCredentials3(min,url);
        }, 5000);


        clearInterval(onehour);      
});

有人可以帮忙吗？

非常感激

Answer 1

onehour和twohour函数的范围是声明它们的函数，因此它们在另一个回调中不可见。

您必须在通用范围内声明变量。 做这个 ：

var onehour, twohour;
$("#button1").click(function () {

        var url = "xxx";
        var min = "yyy";

        getGraphCredentials3(min,url);

        onehour = setInterval(function () {
                getGraphCredentials3(min,url);
        }, 5000);


        clearInterval(twohour);  

});


$("#button2").click(function () {

        var url = "zzz";
        var min = "uuu";

        getGraphCredentials3(min,url);

        twohour = setInterval(function () {
                getGraphCredentials3(min,url);
        }, 5000);


        clearInterval(onehour);      
});

Answer 2

可变的一小时和两小时是该功能的局部变量。 如果在全局范围内声明它们，则应该可以正常工作。