js定时更换背景图片

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定时更换背景图片</title>
<style>
  body {
    background-size: cover;
    transition: background-image 1s ease-in-out;
  }
</style>
</head>
<body>

<script>
  // 图片数组
  var images = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
    // 更多图片...
  ];

  var currentIndex = 0;

  function changeBackground() {
    document.body.style.backgroundImage = 'url(' + images[currentIndex] + ')';
    currentIndex = (currentIndex + 1) % images.length;
  }

  // 初始设置背景图片
  changeBackground();

  // 每5秒更换一次背景图片
  setInterval(changeBackground, 5000);
</script>

</body>
</html>