JavaScript (JQuery/Ajax) 计时器自行停止

Question

所以我开发了this用于监控世界各地多个实验状态的网站。该网站应该每隔几秒更新一次，因此我使用 JavaScript 每 3 秒更新一次。

该页面工作正常，但如果我将其放置一段时间或切换选项卡，计时器就会停止!在源代码中，您将看到停止计时器的唯一操作是:

1-如果用户点击计时器本身

2-如果用户选择查看特定数据

为什么它独自停下来？我怎样才能强制它永远运行？我怀疑这是浏览器的问题。我使用的是 Google Chrome 46.0.2490.80 和 Firefox 42.0。

如果您需要任何其他信息，请询问。

Answer 1

有趣的案例。

请注意，您不必切换选项卡即可让计时器停止，只需稍等一下，它最终会自行停止。

您的#submitDateForm HTML 格式不正确(缺少 </center> 结束标记)，因此 </form>结束标记似乎被忽略。

因此，此表单与以下表单合并 ( #refreshForm )。当后者提交时，它也会提交“父”表单( #submitDateForm )，因此 AJAX/POST 请求都会发送。这是一个竞争条件，决定哪一个将最后解决并覆盖 doCount 的值。全局变量，它是定时器的开关。

最终是#submitDateForm请求将比另一个请求花费更长的时间，设置 doCount到 0 就是这样!你的计时器停止了。

演示:http://jsfiddle.net/c86kfu1a/

顺便说一句，您的 HTML 中还有其他几个语法错误(例如 </cetner> 在 2 个位置)，并且未找到 2 个文件(default.css 和highlight.pack.js)。

我建议你使用开发者工具进行调试，它非常方便。在 Chrome 和 Firefox 中按 F12 打开面板。