js 动态设置 div 背景图片 并滚动显示

Posted 2022-06-04 luo1240465012

var imgs =["../img/index/bgstyle/style1/index_top_bg2.jpg", "../img/index/bgstyle/style1/index_top_bg3.jpg", "../img/index/bgstyle/style1/index_top_bg1.jpg"];    //（设定想要显示的图片）
var i = 0;
var head=document.getElementsByClassName("div-header")[0];//获取DIV对象
head.style.background="url(../img/index/bgstyle/style1/index_top_bg2.jpg)";   //设置图片的初始图片为该路径的图片
        function time()
               i++;   
               i=i%3;         // 超过2则取余数，保证循环在0、1、2之间
               head.style.background="url("+imgs[i]+")";   
        
        setInterval(time,5000);//循环调用time1()函数，时间间隔为2000ms
        //setInterval()函数，按照指定的周期（按毫秒计）来调用函数或表达式