用 js 控制 li 依次

一个简易的办法，设置一个 setInterval 定时器+计数 *** 作，当计数到 li 的最大数量时，重置计数器。

return documentquerySelectorAll(obj);

};

var li_index=0;

var li_length=$('ul>li')length;

setInterval(function(){

if(li_index!==0||li_index>=li_length) $('ul>li')[li_index-1]stylecolor='black';

if(li_index>=li_length) li_index=0;

$('ul>li')[li_index]stylecolor='red';

li_index++;

consolelog(li_index, li_length);

},2000);

$(function(){

after_add();

});

function after_add(){

if($('list li')length > 4){

$('list')after('<a class="a">a</a>');

}

}

1、新建一个txt文档，将文档修改成“indexhtml”的html文件。

2、将html文件用Sublime编辑器打开，完善html5标准化代码，并修改网页标题。

3、在body标签内编写一段"ul、li"的标签。

4、用浏览器打开indexhtml文件，可以发现默认“ul li”标签组前面有个实心小圆点。

5、只需要在ul标签内加入（style=“list-style：none；”）的样式代码，保存后再次刷新下页面。

6、刷新页面后，发现ul、li标签组前面的小圆点不见了。

注意事项：

JavaScript已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

以上就是关于用 js 控制 li 依次全部的内容，包括:用 js 控制 li 依次、如何用JS判断ul中li的个数，超出指定个数在尾部插入内容、怎么用js在ul标签下添加li标签，并要求li有id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！