ERR_INSUFFICIENT_RESOURCES ajax 实时时钟代码

Question

我创建了一个每秒更新一次的实时时钟。 当我在本地运行它时，我看不到任何错误。 但是，当我将它上传到我的 web 主机时，每次运行 AJAX 代码时，我都会在控制台中看到很多错误消息。

我认为这就是 web 主机暂停我的网站的原因，告诉我的网站执行了太多请求。

这是我的代码：

$(document).ready(function() {  
  setInterval(function() {
    $('#time').load('timewithdate.php')
  }, 1000);

  setInterval(function(){
    $('#time2').load('time.php')
   }, 1000);
})

Answer 1

该错误是因为您有效地对自己的服务器进行了每秒 2 个请求 * 并发客户端数的DDOS 。 我强烈建议您删除这些 AJAX 请求并在客户端执行倒计时。

如果您试图使时钟与服务器时间保持同步，请在页面加载时从服务器获取时间，然后在客户端为其添加秒数。 不要为此使用 AJAX，以后也不要使用 AJAX 轮询。 这是一个反模式。

Answer 2

我不确定你在寻找什么样的答案。 您的代码是杀死服务器的某种方式：它每秒为每个客户端对服务器进行 2 次调用（阅读有关DDOS的更多信息）。 无需调用服务器，只需使用 javascript 即可获取当前时间并按照您想要的方式进行格式化。 你可以有这样的东西：

$(document).ready(function() {  
  setInterval(function() {
    let curTime = new Date();
    let date = curTime.toLocaleDateString();
    let time = curTime.toLocaleTimeString();
    $('#time').text(date + " " + time);
    $('#time2').text(time);
  }, 1000);
})