feat: 定时停止(30/60/90/120 分钟)与循环联动

- 设置区新增"定时"下拉,到点自动停止播放并淡出配乐;
  截止时间判定走 timeupdate,手机锁屏/后台也能按时停
- 设定定时自动带开循环(播到点为止);定时关闭或到点后
  收回自动循环,手动开启的循环不受影响

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
selfrelease
2026-10-04 07:46:50 +08:00
co-authored by Devin
parent 198ee1c911
commit ad56a147a6
3 changed files with 86 additions and 6 deletions
+8
View File
@@ -54,6 +54,14 @@
<div class="tool-group" role="group" aria-label="模式">
<button type="button" id="btn-loop" class="layout-btn" aria-pressed="false">循环</button>
<button type="button" id="btn-bgm" class="layout-btn" aria-pressed="false">配乐</button>
<label class="tool-name" for="timer-select">定时</label>
<select id="timer-select" aria-label="定时停止">
<option value="0">关闭</option>
<option value="30">30 分钟</option>
<option value="60">60 分钟</option>
<option value="90">90 分钟</option>
<option value="120">120 分钟</option>
</select>
</div>
<div id="status" class="status" role="status"></div>
<button type="button" id="btn-expand" class="expand-btn" aria-expanded="false" aria-label="展开设置" title="设置">