Html 我如何才能停止jQuery幻灯片显示出现问题？

我一直在用我在网上找到的模板制作幻灯片，虽然页面加载时一切都很好，但如果我在访问其他网站或使用其他程序时打开页面并在后台运行幻灯片，我经常会回来发现它有问题

时间似乎急剧加快，幻灯片不会相互淡入，它们只是剪切得非常快。令人烦恼的是，这是一个间歇性问题，通常发生在网页在后台运行一段时间后

有人能看到我的代码中有任何明显的错误，或者这可能发生的原因吗

提前感谢您的反馈

$（“#幻灯片>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片>分区：第一个”）
.fadeOut（2000年）
.next（）
fadeIn先生（2000年）
(完)
.appendTo（“#幻灯片”）；
}, 5000);
#幻灯片放映{
保证金：50px自动；
位置：相对位置；
身高：100%；
填充：38%0；
}
.幻灯片{
位置：绝对位置；
排名：0；
宽度：100%；
身高：100%；
背景尺寸：封面；
背景位置：中
}
#幻灯片一{
背景图像：url（“https://www.openaccessgovernment.org/wp-content/uploads/2021/03/dreamstime_xxl_2584709-scaled.jpg");  
}
#幻灯片二{
背景图像：url（“https://i.natgeofe.com/n/80b97fe3-c0fb-40a6-a6a6-88b5c3bb9d30/01-lion-populations-nationalgeographic_1777804.jpg");
}
#幻灯片三{
背景图像：url（“https://cdn.mos.cms.futurecdn.net/YB6aQqKZBVjtt3PuDSkJKe.jpg");
}

我建议在选项卡失去焦点时暂停幻灯片放映。让它继续运行似乎是浪费资源我明白你的意思，但是在网页上有两个平行的幻灯片，它们有轻微的时间差异，随着时间的推移，它们之间的距离会稍微变远。它们需要保持运行。您可以保存当前状态，在恢复选项卡时暂停并从保存的状态恢复focus@Jack1991我不确定造成超速的问题是什么，但也许你可以尝试一下。你知道我怎么做吗？我在模板中找到了jQuery，您的建议超出了我的能力范围。如有任何建议，将不胜感激