JQ每隔几秒为子元素添加class（循环）

2020-04-26 浏览:2101
JQ每隔几秒为子元素添加class（循环）
评论:(0)复制地址


JQ每隔几秒为子元素添加class（循环）


html代码

1
2
3
4
5
6
7
8
9
10
11
<ul class="odm-list area">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>


js代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script type="text/javascript">
$(document).ready(function  () {
    $(".odm-list").each(function  (index) {
        var $itemList = $(this);
        var $item = $itemList.find("li");
        var itemLength = $item.length;
        var startNum = 0;
        var rollingSpeed = 2000;
         
        function visualTime(){
            if(startNum < ( itemLength - 1)){
                startNum++;
            }else{
                startNum = 0;
            }
            visualPlay();
        }
        function visualPlay(){
            $item.each(function(id){
                    if(id == startNum){
                        $(this).addClass("active");
                    }else{
                        $(this).removeClass("active");
                    }
            });
        };
        visualPlay();
        var visual_timer = setInterval(visualTime,rollingSpeed);
    });
});
    </script>


评论:(0)复制地址
发布:苗景云 | 分类:IT技术&设计 | Tags:jQuery
上一篇：phpcms 模板header包含action="lists"导致搜索结果错误的解决方案 下一篇：win10下如何安装win7自带的照片查看器

相关文章

jQuery实现将div中滚动条滚动到指定位置的方法2022-05-11

jQuery点击添加移除CSS2020-03-25

jQuery ColorBox参数2019-07-10

jQuery为a添加target属性2019-07-10

发表评论:

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。