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标签处于活动状态时，Chrome会对标签执行一些奇怪的操作。将代码添加到＆＃34;修复混乱＆＃34;或帐户而不是标签处于活动状态，以便在标签显示和重新登录后恢复。

选项卡不活动时Javascript不工作

1 个答案: