无法通过清除超时暂停幻灯片放映

Question

所以我正在学习 javascript，目前正在做一项作业，我需要创建一个带有暂停按钮的循环浏览多个图像的横幅，问题是，我似乎无法使用clearTimeout() 暂停它

var images = [];
var timer;

images[0] = 'destaque-home.png';
images[1] = 'destaque-home-1.png';
images[2] = 'destaque-home-2.png';



function changeImg(){
    
    document.MoveBanner.src = images[i];
        
    if(i < images.length - 1){
        i++;
    } else {
        i = 0;
    }
    var timer = setTimeout("changeImg()", 1000);
    console.log(timer);
}       

function LeftArrow() {
        i--;
    if (i < 0){
        i=2;
    }
    document.MoveBanner.src = images[i];
}

function RightArrow() {
    document.MoveBanner.src = images[i];
        i++;
    if (i > 2){
        i=0;
    }
}

function PauseBut() {
    clearTimeout(timer);
}

window.onload = changeImg;``` 

Answer 1

var Timer = settimeout（“ thackimg（）”，1000）;

因为您使用了var，您创建的变量与global var Timer < /代码>在代码顶部声明的变量。这意味着pausbut函数正在尝试使用错误的计时器来清除时间。

而是使用全球范围计时器：

timer = settimeout（“ thackimg（）”，1000）;>