clearTimeout 运行但它没有清除 setTimeout

如何解决clearTimeout 运行但它没有清除 setTimeout

如果未单击搜索按钮，我将尝试在 20 秒后重新加载页面。如果它被点击，那么我希望每 20 秒进行一次搜索。

执行进入 if-else 条件，但 clearTimeout 似乎不起作用。

无论是否进行搜索，执行总是刷新整个页面。我做错了什么？

function init() //runs on application load
{
    //some code
    reload(false);
}

编辑：inti() 和 search(),reload() 位于不同的文件和文件夹中。

function search() //runs when search button is clicked
{
    //some code
    reload(true);
}

function reload(isSearch)
{
    var x = setTimeout( function () { window.location.reload() },20 * 1000);
    var y = setInterval( function () { $('#searchButton').click() },20 * 1000);

    if(isSearch)
    {
        clearTimeout(x);
    }
    else
    {
        clearInterval(y);
    }
}

我还尝试检查 x 和 y 是否为 undefined 但这也不起作用。请帮忙。

解决方法

x 和 y 变量的作用域是函数（每次调用 reload 都会创建一个新的 x 和 y）。试试这个：

let reloadTimeout
let searchInterval

function init () {
  reloadTimeout = setTimeout(function () { window.location.reload() },20 * 1000 })
}

function search () {
  clearTimeout(reloadTimeout)
  searchInterval = setInterval(function () { $('#searchButton').click() },20 * 1000 })
}