feat(me): 调整倒计时逻辑和界面显示时机

- 将倒计时初始值从变量替换为固定字符串 '5'
- 移除 explode 函数调用
- 延迟显示进入选项和启动倒计时逻辑
- 调整倒计时间隔从 980ms 到 1000ms
- 将倒计时相关代码包裹在 setTimeout 中延迟执行
This commit is contained in:
hehh
2025-12-04 22:17:08 +08:00
parent dd837153b8
commit cff4db87af

34
me.html
View File

@@ -630,7 +630,7 @@
const CONTENT = DICTIONARY[ENV.lang]; const CONTENT = DICTIONARY[ENV.lang];
// 设置进入按钮的文本 // 设置进入按钮的文本
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint); safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', '5'));
safeUpdateText(DOM_CACHE.enterBtn, CONTENT.hints.enterBtn); safeUpdateText(DOM_CACHE.enterBtn, CONTENT.hints.enterBtn);
// 摄像头权限状态管理 // 摄像头权限状态管理
@@ -936,7 +936,6 @@
showInteractionModeButton(); showInteractionModeButton();
} }
}, 1500); // 延迟显示,确保页面已完成过渡 }, 1500); // 延迟显示,确保页面已完成过渡
explode(100)
} }
} }
@@ -1238,23 +1237,24 @@
}, 800); }, 800);
// 资源加载完成后显示进入按钮 // 资源加载完成后显示进入按钮
// 显示进入选项 setTimeout(() => {
DOM_CACHE.enterContainer.style.opacity = '1'; // 显示进入选项
DOM_CACHE.enterContainer.style.opacity = '1';
// 开始5秒倒计时 // 开始5秒倒计时
let countdown = 5; let countdown = 5;
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + ''));
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + '')); CAMERA_STATE.countdownInterval = setInterval(() => {
CAMERA_STATE.countdownInterval = setInterval(() => { countdown--;
countdown--; if (countdown > 0) {
if (countdown > 0) { safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + ''));
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + '')); } else {
} else { clearInterval(CAMERA_STATE.countdownInterval);
clearInterval(CAMERA_STATE.countdownInterval); enterAnimationMode(); // 确保调用进入动画模式
enterAnimationMode(); // 确保调用进入动画模式 }
}, 1000);
} }, 3000);
}, 980);
// 进入按钮事件处理 // 进入按钮事件处理
DOM_CACHE.enterBtn.addEventListener('click', () => { DOM_CACHE.enterBtn.addEventListener('click', () => {