【setInterval 爱的死循环】

关注

原创最新推荐文章于 2026-08-25 09:47:13 发布 394 阅读 AI 写同款· GEO 优化 ›

js中setTimeout的妙用–防止循环超时上个周日，介绍了如何使用setTimeout代替setInterval进行间歇调用，这个周日，继续来讲《JavaScript高级程序设计》这本书里面，对于setTimeout的另一种妙用——防止循环超时【这是铺垫，为故事的高潮埋下伏笔】 JS是单线程的，一个代码块里面的代码，只能按顺序从上到下执行，所以如果中间有一块代码，执行起来非常耗时，就会导致下面的代码无法执行，出现浏览器假死的状态。 JS的耗时操作，常见的有两种 1.向服务器发起请求 2.对数组的循环操作（当然，还有一种，就是把1和2合在一起，叫做在循环操作里面向服务器发出请求，哈哈哈，实际项目里面经常有人这么干）解立即下载

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<title>使用 window.onload() 测试</title>
<style>
    *{
        margin: 0;
        padding: 0;
    }
#box{
    width:535px;
    margin: 200px auto;
    text-align: center;
    font-size: 25px;
    background-color: aquamarine;
    color: red;
  word-break: break-word;
  white-space: pre-line;
}
</style>

</head>
<body>
    <div id="box">爱你如烟</div>
</body>
</html>
<script type="text/javascript">
    var timename=setInterval('ar()',1000);
    async function ar(){
        var oDiv=document.getElementById("box")
        var Nasmd=oDiv.innerHTML
        oDiv.innerHTML=`${Nasmd} 爱你如烟`
    }
    

    </script>