javascript - 单击按钮时重置 JavaScript 计时器

Question

我的 asp.net 页面存在问题，即使用户间歇性输入数据，该页面也会显示 session 超时警告。作为公司政策，我们在母版页中设置了 session 超时警告:

 var sessionTimeoutWarning = 45;
 sessionWarningTimer = setTimeout('SessionWarning()', sessionTimeoutWarning * 60 * 1000); 

在aspx页面上，我有:

    <script type="text/javascript">
        window.onload = function () {
            $('a').filter(function (index) { return $(this).text() === "Month to Date"; }).click();

        };

        function ValidateAndShowPopup() {
            if (Page_ClientValidate('grpSubmit')) {
                SubmitF();

            }
        }

我在更新面板中有按钮:

 <asp:Button ID="btnSubmitReport" runat="server" Text="Submit" OnClick="btnSubmitReport_Click" ValidationGroup="grpSubmit" OnClientClick="ValidateAndShowPopup()" CssClass="btn" />

唯一的两个解决方案是在按钮单击时刷新页面(我不想这样做)，或者重置页面上的 JavaScript 计时器。请指导如何在单击按钮时重置 JavaScript 计时器变量。

Answer 1

这就是你想要做的吗？

var session;

function startSessionTimer() {
	session = setTimeout(function(){ 
    	alert("Session Expired"); 
    }, 2000);
}

function stopSessionTimer() {
    clearTimeout(session);
    alert("Session Expiration Stopped"); 
}

// Immediately start session timer
// startSessionTimer();

<button onclick="startSessionTimer()">Start Timer</button>
<button onclick="stopSessionTimer()">Stop Timer</button>