当选项卡不活动时 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 的解决方案，其中我可能不必使用获取新日期函数。请不要将我的问题标记为重复，因为我已经做了很好的研究。谢谢!

Answer 1

这不是 JavaScript 的问题，而是 Chrome 的问题。当您的标签页未处于事件状态时，Chrome 会对其执行一些奇怪的操作。添加代码来“修复困惑”，或考虑到选项卡未处于事件状态，以便在退出并返回后进行恢复。