轮播图的定时器

Posted lqk157

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了轮播图的定时器相关的知识,希望对你有一定的参考价值。

window.onload=function () 
    var alogo =document.getElementById("logo")
    var aa = ["./img/cd3e871466f03e864f08e12cd372bcc9.jpeg",
        "./img/b27b4f1f0b212f503cbb24011dc8f7e6.jpeg",
        "./img/0bda20a27b83f7e25665b48736f3264b.jpeg",
        "./img/88442c2c2f87a4737ddc2305113b66ab.jpeg",
        "./img/40a457585714d439acca2085a1e32a07.jpeg",
        "./img/8ffc1b07c66ecaf530e3bc613551d1f7.jpeg",
        "./img/cd3e871466f03e864f08e12cd372bcc9.jpeg"
    ];
//定义bb为id 为“lb1”的div
    var bb = document.getElementById(abpicimg);
    var i = 0;
    setInterval(function()
        //运行一次i+1
        i++;
        //如果i等于aa数组的长度时让i=0
        if(i==aa.length)
            i=0;
        
        //让bb等于aa【i】
        bb.src=aa[i];
        //两秒钟轮播一次
    ,2000);

 

以上是关于轮播图的定时器的主要内容,如果未能解决你的问题,请参考以下文章

js轮播图的普遍问题

js原生选项(自动播放无缝滚动轮播图)二

js两个定时器实现轮播图

原生js解决简单轮播图的切换

Android轮播图

无缝轮播图的一种方式原理