基础代码

** var i = 1;
var rolImg = document.getElementById(“rollImg”);
var left_btn = document.getElementById(“left_btn”);
var right_btn = document.getElementById(“right_btn”);
var ol = document.querySelector(“ol”)
var timer
rollImg.onmouseenter = function () {
left_btn.style.display = “block”
right_btn.style.display = “block”
clearInterval(timer);
timer = 0
}
rollImg.onmouseleave = function () {
left_btn.style.display = “none”
right_btn.style.display = “none”
timer = setInterval(() => {
right_btn.click()
}, 1500)
}
left_btn.onclick = function () {
// clearInterval(timer)
// timer = 0
i–;
console.log(i);
if (i == 0) {
i = 3
}
console.log(i);
rollImg.style.background = url("./lunbotu/bg${i}.jpg")
fb()
}

function fb() {
console.log(ol.children);
for (let j = 0; j < ol.children.length; j++) {
ol.children[j].className = “”

}
ol.children[i - 1].className = "current"

}
right_btn.onclick = function () {
// clearInterval(timer)
// timer = 0
i++;
console.log(i);
if (i == 4) {
i = 1
}
console.log(i);
rollImg.style.background = url("./lunbotu/bg${i}.jpg")
fb()
}
for (let s = 0; s < ol.children.length; s++) {
ol.children[s].onclick = function () {
for (let l = 0; l < ol.children.length; l++) {
ol.children[l].className = ‘’

  }
  ol.children[s].className = "current";
  rollImg.style.background = `url("./lunbotu/bg${s+1}.jpg")`
}

}
timer = setInterval(() => {
right_btn.click()
}, 1500)**