Github 仅在标签之间切换时重新加载页面

Question

我一直在用 html canvas 为学校制作一个简单的 JavaScript 乒乓球游戏。当其中一位玩家的分数达到 5 时，页面应该重新加载并从头开始。为此，我尝试过：

document.location.reload();
window.location.reload(true);

当我在本地测试时，一切正常。但是当我通过网站上传和访问时，需要大约 40 秒才能继续。 Website
Source code

编辑： 当我在浏览器中的选项卡之间切换时，重新加载是即时的。仅供参考，我使用 Chrome，但我已经尝试过 Firefox，结果是一样的。这是全科医生的错吗？有解决方法吗？非常感谢帮助。

Answer 1

由于 setInterval(draw, 10);，您的 function draw() { 连续 运行，几乎阻塞。到达终点后尝试清除间隔：

const drawInterval = setInterval(draw, 10);
function draw() {
  if (end1 || end2) clearInterval(drawInterval);

不过，最好只重置 JS 而不是重新加载。