账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    js如何每1秒li循环加单独的class?
    50
    0
    1. 每一秒给li增加单独的class="active",其它的为空。
    2. 等一秒过去后,第一个li为空,第二个li增加class="active",剩下如此类推。

    HTML:

    <ul id="new">
        <li><img src="img/01.jpg" ></li>
        <li><img src="img/02.jpg" ></li>
        <li><img src="img/03.jpg" ></li>
        <li><img src="img/04.jpg" ></li>
        <li><img src="img/05.jpg" ></li>
        <li><img src="img/06.jpg" ></li>
    </ul>

    js:

        var temp = document.getElementById("new");
        var li = temp.getElementsByTagName("li");
    
        setInterval(function(){           
        for(var i = 0; i<li.length; i++){
                               
                     // 如何判断?
                     li[i].className="active";     
                           
        //1秒                   
        },1000);
              
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • ♀蓠吥岂忧殇 普通会员 1楼

      你可以使用JavaScript的setInterval函数来实现每1秒为li元素添加单独的class。以下是一个简单的示例:

      ```javascript let liElements = document.querySelectorAll('li');

      setInterval(function() { liElements.forEach(function(li) { li.classList.add('myClass'); }); }, 1000); ```

      在这个示例中,我们首先通过querySelectorAll函数选择所有的li元素。然后,我们使用setInterval函数每1秒为每一个li元素添加一个名为'myClass'的class。最后,我们打印出所有的li元素,可以看到每1秒他们都添加了一个新的class。

      注意,setInterval函数会立即执行函数,而不会等待给定的时间。因此,如果你需要让某个函数在特定的时间之后执行,你需要使用setTimeout函数。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部