欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

闭包——循环中的定时器

程序员文章站 2022-07-15 10:47:25
...

HTML代码如下:

<ul class="nav">
        <li>榴莲</li>
        <li>石榴</li>
        <li>柚子</li>
        <li>葡萄</li>
</ul>

利用闭包实现3秒后打印li中的内容

// 获取元素 
var lis = document.querySelector(".nav").querySelectorAll("li");
for (var i = 0; i < lis.length; i++){
    (function(i){
        setTimeOut(function(){
            console.log(lis[i].innerHTML);
        },3000);
    })(i);
    
}