setTimeout变量值未定义

Question

我正在实现一个功能，如果用户会话在一分钟前到期，用户将获得一个弹出窗口。弹出窗口中有两个按钮"确定"one_answers"取消"。若用户单击"OK"按钮，则会对服务器进行AJAX POST调用。下面是我写的代码-

        var sessionTimeoutWarning = parseInt(@Session.Timeout - 1);
        var sessionTimeout = @Session.Timeout;
        var sessionWarningTimer = null;
        var sessionExpireTimer = null;
        //For Session Expire Warning Popup
        var sessionWarningTimer = setTimeout('startTimer()', parseInt(sessionTimeoutWarning) * 60 * 1000);
        //For Session Expired Popup
        var sessionExpireTimer = setTimeout('showLogoutModal()', parseInt(@Session.Timeout) * 60 * 1000);
        function showLogoutModal() {
            $("#session-expired-modal").modal('show');
        }
        function startTimer() {
            $("#session-expire-warning-modal").modal('show');
            var count = 60;
            var timer = setInterval(function () {
                $("#seconds-timer").html(count--);
                if (count == -1) {
                    clearInterval(timer);
                    $(".modal-body").html("Your session is expired.");
                }
            }, 1000);
        }
        function executeAjaxCall() {
            $.ajax({
                url: '/Home/SessionTimeout',
                dataType: "json",
                async: false,
                type: "POST"                
            });
        }
        $("#btnOk").click(function () {
            executeAjaxCall();                       
            $("#session-expire-warning-modal").modal('hide');
            alert(sessionWarningTimer);
            alert(sessionExpireTimer);
            if(sessionExpireTimer != null)
            {
                alert("here");
                clearTimeout(sessionExpireTimer);
            }
            //For Session Expire Warning Popup
            var sessionWarningTimer = setTimeout('startTimer()', parseInt(sessionTimeoutWarning) * 60 * 1000);
            //For Session Expired Popup
            var sessionExpireTimer = setTimeout('showLogoutModal()', parseInt(@Session.Timeout) * 60 * 1000);
        });
        $("#btnExpiredOk").click(function () {
            $("#session-expire-warning-modal").modal('hide');
            $("#session-expired-modal").modal('hide');
            window.location = "/Home/Index";
        });
        $("#session-expire-warning-modal").on("hidden.bs.modal", function () {
            $("#session-expire-warning-modal").modal('hide');
        });
        $("#session-expired-modal").on("hidden.bs.modal", function () {
            $("#session-expire-warning-modal").modal('hide');
            $("#session-expired-modal").modal('hide');
            window.location = "/Home/Index";
        });

现在的问题是，在AJAX被制作之后，sessionWarningTimer和sessionExpireTimer的值是undefined。

Answer 1

您多次重新声明sessionExpireTimer和sessionWarningTimer。在我看来，这是一个范围问题。

我建议您使用"use strict"启动js，以防止出现此类问题。

简而言之，尝试删除按钮上的var关键字点击回调：

//For Session Expire Warning Popup
sessionWarningTimer = setTimeout('startTimer()', parseInt(sessionTimeoutWarning) * 60 * 1000);
//For Session Expired Popup
sessionExpireTimer = setTimeout('showLogoutModal()', parseInt(@Session.Timeout) * 60 * 1000);

因此，您将把值分配给以前声明的变量，而不是将它们重新声明到这个函数范围