我的预加载器没有褪色，一直在无限循环中滚动

document.addEventListener("DOMContentLoaded", function() {
  // 假设您有一个id为'preloader'的元素
  var preloader = document.getElementById('preloader');
  
  // 模拟加载完成
  setTimeout(function() {
    preloader.style.display = 'none'; // 或者使用 preloader.classList.remove('active');
  }, 3000); // 这里的3000毫秒是模拟加载时间
});

window.onload = function() {
  var preloader = document.getElementById('preloader');
  preloader.style.display = 'none';
};

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
}

#preloader.hidden {
  display: none;
}

document.addEventListener("DOMContentLoaded", function() {
  var preloader = document.getElementById('preloader');
  
  // 模拟加载完成
  setTimeout(function() {
    preloader.classList.add('hidden');
  }, 3000);
});