当选项卡未激活时，javascript 不起作用

Javascript Not Working When Tab Not Active

本文关键字：javascript 不起作用 激活 选项      更新时间：2023-09-26

所以，我这里有一个代码，当我在活动浏览器选项卡中查看它时，它工作得很好。但是，一旦我最小化或在浏览器的其他选项卡（顺便说一下是 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 的解决方案，其中我可能不必使用获取新日期函数。请不要将我的问题标记为重复，因为我已经做了很好的研究。谢谢！

这不是你的javascript的问题，而是Chrome的问题。Chrome 会在您的标签处于非活动状态时对您的标签页执行一些奇怪的操作。添加代码以"修复混乱"，或说明选项卡未处于活动状态，以便在跳出和重新插入后恢复。

相关文章：