如何在不单击的情况下设置淡入/淡出图像

<div id="imageContainer">
  <img src="image.jpg" alt="Image">
</div>

#imageContainer {
  opacity: 0;
  transition: opacity 0.5s ease; /* 设置过渡效果 */
}

window.addEventListener('load', function() {
  var imageContainer = document.getElementById('imageContainer');
  imageContainer.style.opacity = 1; // 设置透明度为1，实现淡入效果
});

window.addEventListener('load', function() {
  var imageContainer = document.getElementById('imageContainer');
  setTimeout(function() {
    imageContainer.style.opacity = 0; // 设置透明度为0，实现淡出效果
  }, 2000); // 延迟2秒后执行淡出效果
});