哈喽！我的朋友们，最近有一个新项目。所以一直没更新！有没有想我啊！！
今天咱们来说一下JS原生轮播图！
话不多说：
直接来代码吧：下面是CSS部分：
HTML部分！
接下来是JS部分：
//id 用来关闭定时器的
var id = setInterval(abc,10);
function abc(){
ul.style.left = x-- +"px";
//如果到第三周<a href="/tag/tupian/" target="_blank" class="keywords">图片</a>了
if(x == -1500){
x = 0;//把ul<a href="/tag/xiugai/" target="_blank" class="keywords">修改</a>成<a href="/tag/diyizhangtupian/" target="_blank" class="keywords">第一张图片</a>
ul.style.left = x+"px";
}
if(x % 500 == 0){ //<a href="/tag/diyizhangtupian/" target="_blank" class="keywords">第一张图片</a>进来
clearInterval(id); //<a href="/tag/guanbi/" target="_blank" class="keywords">关闭</a>定时器
//开启定时器 隔半秒钟开启定时器
setTimeout(function(){
//500毫秒之后开启定时器，继续执行
id = setInterval(abc,10);
},500);//setTimeout 延时执行
}}
就是这么简单！你学会了吗？？
以上这篇JS原生轮播图的简单实现(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
