用js实现小图片自动切换大图片

问题遇到的现象和发生背景

我想给轮播图小图片换大图片自动播放，可是我的自动播放代码不起作用

问题相关代码，请勿粘贴截图

//自动播放-->轮播图处要没有错误，才可以执行
//定义一个变量表示当前要显示的图片下标
var index=0;
//定义一个定时器
var intervalId
//样式重置函数，每次跳转都要执行一次
function clean(){
for(var i=0;i<imgs.length;i++){
//当下标大于4的时候，则index还原为0
if(index>4){
index=0;
}
//显示当前下标的图片
lis[index].className='bg';//图片变暗
//重置样式
}
//当前照片显示
// var Box=document.querySelector('.Box');
// Box.style.backgroundImage='url(' +this.src+')';
lis[index].className='';
}
//自动播放
run()
function run(){
//设置一个定时器
intervalId=setInterval(function(){
index++;
clean();
},100)
}
lis.onmouseover=function(){
//鼠标悬浮时清除定时器
clearInterval(intervalId)
}

    lis.onmouseout=function(){
        //鼠标离开时再加上定时器
        run();
    }

运行结果及报错内容

我的自动播放代码不起作用

我的解答思路和尝试过的方法

我想要达到的结果

可以想轮播图一样自动播放，但是不要把小图片隐藏起来

clean方法的循环语句没什么用吧，可以删除

function clean(){
    if(index>4){
        index=0;
    }
   //显示当前下标的图片
   lis[index].className='bg';//图片变暗
}

请问有什么办法可以让图片自动循环播放，实施您提供的那个方法后，它可以自动播放了，但是只能播放一次

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632