document.addEventListener('DOMContentLoaded', function() {
// 数据禁止展示[3,5](@ref)
const overlay = document.createElement('div');
overlay.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.96);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
`;
// 初始弹窗内容[8](@ref)
overlay.innerHTML = `
`;
// 阻止页面滚动[3](@ref)
document.body.style.overflow = 'hidden';
document.documentElement.style.overflow = 'hidden';
document.body.appendChild(overlay);
// 倒计时逻辑[6,8](@ref)
let seconds = 5;
const countdownElement = document.getElementById('countdown');
const alertBox = overlay.querySelector('div');
const timer = setInterval(() => {
seconds--;
countdownElement.textContent = seconds;
if(seconds <= 0) {
clearInterval(timer);
// 显示继续按钮[2](@ref)
alertBox.innerHTML = `
⚠️ 检测已完成
`;
// 按钮点击事件[5](@ref)
document.querySelector('button').addEventListener('click', () => {
alertBox.innerHTML = `
🚧 网站正在升级中
给您带来的不便敬请谅解
`;
});
}
}, 1000);
});
酒店、旅游、婚庆-上海慧眼涵桅信息咨询有限公司
APP开发、APP开发公司、上海app开发公司、上海网站设计
咨询热线：15777576460
15777576460
微信
