为什么添加后参数会停止功能

Question

我有一个正在尝试使用函数中的参数执行的代码，即-

function startFadeEffect(elem){ };

我已经使elem等于全局范围内的变量b，其中b是图像数组。 含义-

var elem = b[imgNumb];

imgNumb是一个全局变量为“ 0”的变量，在函数内部定义为

imgNumb = imgNumb + count;

现在，我当前的代码“不带”参数可以正常使用-

function startFadeEffect(){
    var opacSetting = noOpac / 10;
    b[imgNumb].style.opacity = opacSetting; 
    b[imgNumb].style.display = "block";
    noOpac++;
    if(noOpac < 0){
        opacSetting = 0;    
    }
    if(opacSetting == 1){
        clearTimeout(timer);
        b[imgNumb].style.opacity = 1;
        noOpac = 0;
        return false;
    }
    var timer = setTimeout(startFadeEffect, 75);
}

但是，当我使用这样的参数时，它对我不起作用:(

function startFadeEffect(elem){
    var opacSetting = noOpac / 10;
    elem.style.opacity = opacSetting;   
    elem.style.display = "block";
    noOpac++;
    if(noOpac < 0){
        opacSetting = 0;    
    }
    if(opacSetting == 1){
        clearTimeout(timer);
        elem.style.opacity = 1;
        noOpac = 0;
        return false;
    }
    var timer = setTimeout(startFadeEffect(elem), 75);
}

请注意，我已经在文件的全局范围内定义了elem变量。 另外，我只是在寻找JS解决方案，没有像JQuery这样的库！ 谢谢

Answer 1

这部分不正确：

setTimeout(startFadeEffect(elem), 75);

它应该是：

setTimeout(function () {
    startFadeEffect(elem);
}, 75);

---

setTimeout需要一个函数作为它的第一个参数。 startFadeEffect(elem)立即执行（并且不返回函数）。 因此，发生的情况是startFadeEffect递归调用自身，直到opacSetting == 1破坏了递归。