您好,下面是我的 JS 代码,用于每 30 秒更改一次背景图像。我也从研究中获得了这个示例代码,有人可以请告诉我如何将示例代码集成到我的 JS 中,因此不断变化的图像会淡入淡出,因为我根本不知道从哪里开始并且完全迷失了方向。
我的JS
<script>
bgArr = ['images/bg1.jpg', 'images/bg2.jpg', 'images/bg3.jpg'];
bgCur = 0;
backgroundSwitch = function()
{
if (bgCur == bgArr.length) bgCur = 0;
document.body.style.backgroundImage = 'url('+ bgArr[bgCur++]+ ')';
}
window.setInterval(backgroundSwitch, 30000); // Switch every 30 seconds.
</script>
我要集成的示例 JS
var img = document.getElementById("fade");
var fadeLength = 5500;
var opacity = 0;
var startTime = Date.now();
requestAnimationFrame(function me() {
// It's faded in, stop animating!
if (opacity >= 1) {
return;
}
opacity = (Date.now() - startTime) / fadeLength;
img.textContent = opacity;
img.style.opacity = opacity;
requestAnimationFrame(me);
});
还有一种方法可以在不使用 css 的情况下使背景适合 javascript 中的浏览器窗口吗?
谢谢你,有人请帮忙!