feat(me): 动态化倒计时提示文本

- 将倒计时提示文本中的固定时间替换为动态占位符
- 使用 `{second}` 占位符实现多语言时间显示
- 更新中文和英文场景下的倒计时文本格式
- 优化倒计时逻辑以支持动态文本更新
- 确保语言切换时提示文本正确渲染
This commit is contained in:
hehh
2025-12-04 21:50:01 +08:00
parent fef7ca2288
commit b9461c5741

11
me.html
View File

@@ -589,7 +589,7 @@
main: "双手合十 · 解锁档案",
sub: "单手·引力牵引|双手·力场排斥",
unlocking: "正在识别...",
countdownHint: "5秒后自动进入",
countdownHint: "{second}秒后自动进入",
enterBtn: "立即进入",
interactionModeBtn: "交互模式",
cameraAccessInfo: "点击启用交互模式"
@@ -611,7 +611,7 @@
main: "Click or Namaste",
sub: "One Hand Drag · Two Hands Repel",
unlocking: "Identifying...",
countdownHint: "Auto enter in 5 seconds",
countdownHint: "Auto enter in {second} seconds",
enterBtn: "Enter Now",
interactionModeBtn: "Interaction Mode",
cameraAccessInfo: "Click to enable camera interaction"
@@ -936,6 +936,7 @@
showInteractionModeButton();
}
}, 1500); // 延迟显示,确保页面已完成过渡
explode(100)
}
}
@@ -1242,14 +1243,16 @@
// 开始5秒倒计时
let countdown = 5;
safeUpdateText(DOM_CACHE.countdownHint, `${countdown}${ENV.lang === 'zh' ? '秒后自动进入' : ' seconds to auto-enter'}`);
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + ''));
CAMERA_STATE.countdownInterval = setInterval(() => {
countdown--;
if (countdown > 0) {
safeUpdateText(DOM_CACHE.countdownHint, `${countdown}${ENV.lang === 'zh' ? '秒后自动进入' : ' seconds to auto-enter'}`);
safeUpdateText(DOM_CACHE.countdownHint, CONTENT.hints.countdownHint.replace('{second}', countdown + ''));
} else {
clearInterval(CAMERA_STATE.countdownInterval);
enterAnimationMode(); // 确保调用进入动画模式
}
}, 1000);