Javascript 在 Firefox 中工作正常，但在 Chrome 中给出 NaN

Question

我正在努力帮助我的一个朋友，他必须对人们进行有关弹出窗口的测试（她研究通信科学）。所以基本上我们有 2 个网站，每个网站都有不同的弹出窗口。她问我是否可以创建一个每分钟显示一个弹出窗口的东西。但会议记录必须在多个页面上工作（例如，它从索引开始，但当我浏览网站并且分钟结束时，无论打开网站的哪个页面，都必须显示弹出窗口）。

我的javascript有点生疏了，因为自从我接触此事以来已经是3年前的事了。因此，对于这个问题，我使用了一些旧的 javascript 作业，我想我可以使用 cookies 来解决这个问题。我在使用全局变量时遇到了一些问题。我希望该网站可以在 firefox/chrome/IE 上运行，因为她必须在大学计算机上对其进行测试，并且我知道他们在那里使用哪种浏览器。

所以基本上console.log（“timeRemaining”）将在firefox（使用firebug）中显示正确的倒计时数字，但在chrome记录器（使用inspect元素）中它将显示NaN。因此，div 将不会显示（由于弹出窗口阻止程序，我不使用新窗口）。

问题可能出在哪里？我已经确保从 cookie 返回的值正在使用 parseInt 进行解析。我什至不明白为什么这个简单的代码在 Chrome 中返回的结果与在 Firefox 中返回的结果不同。

function setCookie(name, value) {
    var str = name + "=" +escape(value);
    str += "; expires= Tue, 28 Dec 2013 00:00:00";
    document.cookie = str;
}

function getCookie(name) {
    var allCookies = document.cookie.split("; "); // spatie!
    for(i in allCookies) {
        var singleCookie = allCookies[i].split("=");
        if(singleCookie[0] == name) {
            return unescape(singleCookie[1]);
        }
    }
    return undefined;
}

function showLayer(layerId){
    console.log("showlayer");
}

function checkTime() {
    timeRemaining = timeRemaining - 1;
    console.log(timeRemaining);
    if(timeRemaining == 0) {
        showLayer("popup");
        timeRemaining = stdTijd;
    }
    setCookie("tijd", timeRemaining);
}

function loaders() {
    timeRemaining = parseInt(getCookie("tijd"));
    if(timeRemaining == undefined) {
        console.log("new cookie created");
        setCookie("tijd", stdTijd);
        timeRemaining = parseInt(getCookie("tijd"));
    }
    console.log("cookie set, timeremaining=" + timeRemaining);
    setInterval(checkTime, 1000);
}

var timeRemaining;
var stdTijd = 10;
if (document.getElementById) window.onload = loaders;

Console.log(timeRemaining) 上给出 NaN；在函数 checkTime.

Firefox 打印：

  loaded, display = none
  cookie set, timeremaining=10
  9
  8
  7
  ..

Chrome 打印：

  loaded, display = none
  cookie set, timeremaining=NaN
  NaN
  NaN
  ..

提前致谢。

编辑：删除我的 cookie 后，我在 Firefox 中也得到 NaN 。所以问题不仅仅是 Firefox 和 chrome 之间的差异，而是我的代码中的一个基本错误。

编辑2：

Answer 1

获取 cookie 时出现问题，这里有一个正在工作的小提琴： jsFiddle

在加载器中你正在做：

timeRemaining = parseInt(getCookie("timeRemaining"));

它应该是：

timeRemaining = parseInt(getCookie("tijd"));

另外，检查 cookie 返回的数据需要检查是否为 NaN，因为 get cookie 将返回 undefined，而 parseInt 将返回 NaN：

if(剩余时间==NaN)

Answer 2

timeRemaining 最初是未定义，这就是您传递给setCookie 的内容。我想如果你编辑以下内容，它可能会起作用。

setCookie("tijd", timeRemaining);

到：

setCookie("tijd", timeRemaining || stdTijd);