Javascript 切换按钮以开始/停止刷新我的页面

我试图制作一个切换按钮来启动和停止页面刷新，但由于某些原因，停止过程不起作用。我的逻辑正确吗

这是我的代码：

<button id = "toggleButton" onclick = "initRefresh()" >  Stop Refresh </button>

    <script>
    function reloadUrl() {
        window.location.replace(
            [location.protocol, '//', location.host, location.pathname].join('')
        );

    }


    function initRefresh() {
        if ($('#toggleButton').text() == 'Start Refresh') {
            $('#toggleButton').text("Stop Refresh");
            t = window.setTimeout(reloadUrl, 45000);
        } else {
            $('#toggleButton').text("Start Refresh");
            clearTimeout(t);
        }
    };

    var t = window.setTimeout(reloadUrl, 45000); 

</script>

停止刷新
函数重载URL（）{
window.location.replace(
[location.protocol'/'，location.host，location.pathname]。加入（“”）
);
}
函数initRefresh（）{
如果（$（'#toggleButton'）。text（）=='开始刷新'）{
$（“#切换按钮”）.text（“停止刷新”）；
t=window.setTimeout（重载URL，45000）；
}否则{
$（“#切换按钮”）.text（“开始刷新”）；
清除超时（t）；
}
};
var t=window.setTimeout（重载URL，45000）；

默认选项（首次加载时）处于启用状态。因此，当用户45秒后第一次进入页面时，页面将刷新

---

谢谢您的帮助。

我相信问题来自

t

变量的初始化。 当页面加载时，启动setTimeout

将其更改为

var t=null

，上述代码应该可以工作。

您的代码（如所述）可以100%工作

---

但如果将您的代码放在

$（文档）中，它将不起作用。就绪
事件。
在我的情况下，它的可能副本正在起作用。每当我停止它时，它都会停止刷新。如果我将其更改为“var t=null”，页面将不会在45秒后自动重新加载？因此，用户需要重新启动进程的每个刷新间隔是否都会出现问题？