feat(me): 调整倒计时逻辑和界面显示时机
- 将倒计时初始值从变量替换为固定字符串 '5' - 移除 explode 函数调用 - 延迟显示进入选项和启动倒计时逻辑 - 调整倒计时间隔从 980ms 到 1000ms - 将倒计时相关代码包裹在 setTimeout 中延迟执行
This commit is contained in:
34
me.html
34
me.html
@@ -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', () => {
|
||||||
|
|||||||
Reference in New Issue
Block a user