阻止 Jquery 计时器在多个浏览器页面上触发两次

Question

我在业余时间用 Jquery 开发一个小游戏来学习 Jquery。每次计时器滴答并更新存储在 cookie 中的分数时，基本概念都会添加一个点。这是处理大部分更新的计时器：

setInterval(mainTimer, 1000); //set timer
function mainTimer(){
    createPage(); //updates the page variables and shows the score
    addValues(); //increases the values

}

我遇到的问题是人们可以简单地打开多个页面，并且计时器会为每个页面触发。因此，如果您打开 4 个页面，分数的更新速度将是原来的 4 倍。

我用谷歌搜索了很多不同的东西，但我找不到任何可行的方法。 一种方法是我猜测的某种标记，但老实说，我不知道从哪里开始，因此感谢您的帮助。

我阅读了一些关于 open.window 函数来检查现有窗口的内容，但我没有找到任何具体的内容。

open.window("foo","bar"); 

Answer 1

您也可以在 cookie 中存储时间戳和以前的值，并在更新它们之前检查那里的匹配项。因此，在间隔上，您检查当前时间戳是否在最后一个时间戳之后至少 1000 毫秒。如果是，则更新分数和时间戳，如果不是，则报错。

也就是说，任何没有服务器端验证的 javascript 游戏都容易被“黑客攻击”。