选项卡不活动时Javascript不起作用

Question

因此，我在这里有一个代码，当我在活动浏览器选项卡中查看它时，它可以很好地工作。 但是，一旦我最小化浏览器或在浏览器的其他选项卡之间切换（即chrome），代码就会开始出现问题。 这是下面的代码：

var a = document.getElementById("slidermain");
var b = a.getElementsByTagName("IMG");
var len = b.length;

var noOpac = 0;
var fullOpac = 10;
var imgNumb = 0;

function initFade(count){
    imgNumb = imgNumb + count;
    if(imgNumb < 0){
        imgNumb = len;  
    }
    if(imgNumb > len){
        imgNumb = 1;    
    }
    elem = b[imgNumb-1];
    startFadeEffect(elem);
}

function startFadeEffect(elem){
    var opacSetting = noOpac / 10;
    if(noOpac > 10){
        opacSetting = 1;    
    }
    elem.style.opacity = opacSetting;   
    elem.style.display = "block";
    noOpac++;
    var timer = setTimeout(function() { startFadeEffect(elem); }, 55);
    if(opacSetting == 1){
        clearTimeout(timer);
        elem.style.opacity = 1;
        noOpac = 0;
        setTimeout(function() { endFadeEffect(elem); }, 2000);
    }
}

function endFadeEffect(elem){
    var opacSetting = fullOpac / 10;
    if(fullOpac < 0){
        opacSetting = 0;    
    }
    elem.style.opacity = opacSetting;   
    fullOpac--;
    var timer = setTimeout(function() { endFadeEffect(elem); }, 55);
    if(opacSetting == 0){
        clearTimeout(timer);
        elem.style.opacity = 0;
        elem.style.display = "none";
        fullOpac = 10;
        return false;
    }
}

function autoFade(){
    var loop = setInterval("initFade(1)", 4000);    
}

请不要因为我一直在这个站点上寻找答案，但是我发现的大多数都是基于JQuery的解决方案。 但是，我正在寻找仅JavaScript的解决方案，在其中我可能不必使用get new date函数。 由于我进行了出色的研究，请不要将我的问题标记为重复。 谢谢！

Answer 1

这不是您的JavaScript问题，而是Chrome。 当您的标签页处于非活动状态时，Chrome会对其进行一些奇怪处理。 添加代码以“修复混乱”，或者考虑到选项卡未处于活动状态，以便在退出并返回后进行恢复。