使用clearTimeout后，setTimeout不起作用

Question

我们在我们的网站上有一个表格，用户可以填写并提交。 有时，他们需要更长的时间来填写表格，而不是20分钟的会话超时。

因此，我编写了在超时前2分钟弹出消息的功能，以警告用户，并选择保存并继续（更新会话）。 如果留下警告，它将自动保存他们的工作并在2分钟后将其注销。

如果忽略该消息，它将自动保存工作并将其记录下来。 如果他们单击“保存”并继续保存正常，则消息会在再过20分钟后重新弹出（测试时我会减少时间），但是，随后的时间， 如果是2分钟 ， 则不再将其记录下来忽略。

这是我写的JavaScript。 谁能看到任何问题？

init(); 在<body>标记中调用onLoad 。

var logoutTimer = setTimeout('saveAndLogOut();', 1000 * 60 * 1.5);

function init() {
    setTimeout('expirationWarning();', 1000 * 60 * 1);
    logoutTimer;
}

function expirationWarning() {
    $('#session-expiry-warning').dialog({ 
        show: 'fade', 
        hide: 'fade',
        title: 'Your session is about to expire...',
        buttons: { 
            "Save and Continue": function() { 
                ajaxSave('saved');
                clearTimeout(logoutTimer);
                init();
                $(this).dialog("close");
            }
        },
        width: 550,
        closeOnEscape: false,
        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); }            
    });
}

function saveAndLogOut() {
    ajaxSave('autosaved');
    setTimeout("parent.document.location.href = '../logout.asp';", 5000);
}

提前致谢。

Answer 1

logoutTimer仅在您粘贴的第一行代码中设置一次。 如果用户单击“保存并继续”，将清除logoutTimer 。 在任何时候它都不会再被设置为任何东西。

你打算在init()设置计时器吗？ 它目前只是说logoutTimer; 在那里，它没有真正做任何事情。 如果您希望在此时重置计时器，则需要在init包含整个setTimeout命令。

Answer 2

首先，不要在setTimeout函数中使用字符串。 喜欢以下内容：

setTimeout(saveAndLogOut, time)

其次，正如@David所说，当你在init()函数中显示logoutTimer变量时，不会调用你的setTimeout。 看起来你想要以下内容：

var logoutTimer = function() { setTimeout( saveAndLogOut, 1000 * 60 * 1.5 ) }

// Then, in your init function:
logoutTimer()

使用clearTimeout后，setTimeout不起作用

问题描述

2 个解决方案

解决方案1
2 已采纳 2012-04-16 10:26:21

解决方案2
2 2012-04-16 10:31:19

使用clearTimeout后，setTimeout不起作用

问题描述

2 个解决方案

解决方案1 2 已采纳 2012-04-16 10:26:21

解决方案2 2 2012-04-16 10:31:19

解决方案1
2 已采纳 2012-04-16 10:26:21

解决方案2
2 2012-04-16 10:31:19