为什么我的页面没有'；在将这个无限循环添加到我的javascript代码后，是否无法加载？

为了运行setTimeout函数，我用javascript创建了这个无限循环。问题是，通过这样做，我的页面一开始甚至无法加载

以下是javascript代码：

function blurDiv() {
    console.log("here");
    rankingList.style.filter="blur(0.7)";
} 

function loadContent() {
    console.log("loaded");
    $( "#ranking-container" ).load("index.php #ranking-list");
    rankingList.style.filter="blur(0)";  
}

while(true) {
    setTimeout(blurDiv, 4000);

    setTimeout(loadContent, 5000); 
}

我希望循环在这5秒钟后只运行另一个迭代。

使用

setInterval（）

而不是

while（true）{setTimeout（）}

函数blurDiv（）{
console.log（“此处”）；
//这里还有其他东西
} 
函数loadContent（）{
控制台日志（“已加载”）；
//这里还有其他东西
}
设定间隔（blurDiv，5000）；
设置间隔（加载内容，5000）使用
setInterval（）
而不是
while（true）{setTimeout（）}


函数blurDiv（）{
console.log（“此处”）；
//这里还有其他东西
} 
函数loadContent（）{
控制台日志（“已加载”）；
//这里还有其他东西
}
设定间隔（blurDiv，5000）；
设置间隔（加载内容，5000）哈伦的回答足以解决您的问题。此外，如果您想了解更多关于为什么会出现这种行为的信息，那么这是由于一种称为
事件循环的机制

看看杰克·阿奇博尔德的这篇文章。
哈伦的答案足以解决你的问题。此外，如果您想了解更多关于为什么会出现这种行为的信息，那么这是由于一种称为
事件循环的机制

看看杰克·阿奇博尔德的这篇文章。
你可以使用setInterval（见其他答案）或回调

function loadIt()
   $("#ranking-container").load("index.php #ranking-list",function() {
     rankingList.style.filter="blur(0.7)";
     setTimeout(loadIt,4000)
   });
   rankingList.style.filter="blur(0)";  
 }
 loadIt();

您可以使用setInterval（参见其他答案）或回调

function loadIt()
   $("#ranking-container").load("index.php #ranking-list",function() {
     rankingList.style.filter="blur(0.7)";
     setTimeout(loadIt,4000)
   });
   rankingList.style.filter="blur(0)";  
 }
 loadIt();

使用
setInterval（…）
而不是
while（true）{setTimeout（…）
为什么要用注释呢？回答这个问题，然后得到美味的代表@HarunYilmaz@Gibor不能错过这个机会：D谢谢你的提示：你现在做的是用WebSocket来代替。使用
setInterval（…）
代替
while（true）{setTimeout（…）
为什么要评论tho？回答这个问题，然后得到那个美味的代表@HarunYilmaz@Gibor不能错过这个机会：D谢谢你Tipp：你现在做的是用WebSocket来代替。