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

Question

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

这是我的代码：

<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>

默认选项（首次加载时）已打开。所以当用户第一次进入页面时，45秒后页面会刷新。

感谢您的帮助。

Answer 1

我相信问题来自t 变量的初始化。 你在页面加载时启动一个 setTimeout。

将其更改为var t = null，上面的代码应该可以工作了。

Answer 2

您的代码（如问题）正在 100% 工作。

但如果将代码放在$(document).ready 事件中，它将不起作用。