切換按鈕以開始/停止刷新我的頁面

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事件中，它將無法正常工作。