动手：倒计时工具

你要做什么

一个大屏倒计时器，可设置分钟和秒数，开始/暂停/重置。

⏱️ 15 分钟 | 🛠️ Vue 3

跟着做

帮我做一个倒计时器（Vue 3）：
1. 中间大号数字显示 MM:SS
2. 下面有分钟和秒的调节按钮（+/-）
3. 开始、暂停、重置三个按钮
4. 倒计时到 0 时数字变红色闪烁，播放提示音
5. 最后 10 秒数字脉冲动画
6. 圆形进度环显示剩余时间比例
7. 现代简洁设计，暗色背景

核心概念

setInterval 是 JavaScript 的定时器函数：

const timer = setInterval(() => {
  seconds.value--;
  if (seconds.value <= 0) clearInterval(timer);
}, 1000); // 每 1000 毫秒（1秒）执行一次

🎯 进阶挑战

• 加上番茄钟模式（25 分钟工作 + 5 分钟休息）
• 多个预设时间快捷按钮
• 倒计时过程中切换标签页，标题栏显示剩余时间

✅ 你做到了

• 掌握了 setInterval 定时器
• 理解了时间计算和格式化
• 做了一个实用的倒计时工具