为什么带有 SetInterval 的 JQuery 在 Firefox 上不起作用？答案

【问题标题】：Why JQuery with SetInterval won't work on Firefox?为什么带有 SetInterval 的 JQuery 在 Firefox 上不起作用？
【发布时间】：2023-03-18 07:30:01
【问题描述】：

我正在尝试学习 JQuery 运行我在 Internet 上找到的处理 SetInterval 或 Settimeout 的示例代码，但它们不会运行或工作。例如，我有以下简单的代码，但它不会运行甚至给我错误消息。

<!DOCTYPE html>
<html>
<head>
<title>testing</title>

<script type="text/javascript"> 
$(document).ready(function(){
setInterval(function() {
var number = 1 + Math.floor(Math.random() * 333);
$('#here').load(number);
},
1000);
});
</script>

</head>
<body>

<div id="here">dynamic content ?</div>

</body>  
</html>

【问题讨论】：

你能告诉我发生了什么错误吗？
您似乎缺少 jquery 导入。它不是内置在浏览器中的
@DipakC 没有错误消息。我希望看到显示的随机数代替动态内容？每秒，但输出没有变化。
只需将 $("#here").load(number) 替换为 $('#here').text(number);这条线。您的问题将得到解决。并确保在代码中添加 jquery 库。
@ThN .load() 调用ajax方法

标签： html jquery firefox settimeout setinterval

【解决方案1】：

您首先错过了添加 jquery 库，其次您应该使用 .text() 函数而不是 .load() 函数。

.load() 函数应该用于 ajax 方法。

应牢记的基本规则之一是始终将 javascript 代码放在页面末尾和正文标记末尾之前

 $(document).ready(function() {
        setInterval(function() {
          var number = 1 + Math.floor(Math.random() * 333);
          $('#here').text(number);
        }, 1000);
      });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
  <head>
    <title>testing</title>
  </head>
  <body>
    <div id="here">dynamic content ?</div>
  </body>
</html>

【讨论】：