ASTRONOMICA
天文复杂功能 · 月相 / 日出日落 / 计时码表

当地时间 · LOCAL TIME

--:----
日期窗
—
当月天数
—
闰年
—

月相 · MOON PHASE

相位
—
月龄
—
照亮比例
—

日出日落 · SUNRISE / SUNSET

城市
—
日出
—
日落
—
昼长
—
此刻
—

计时码表 · CHRONOGRAPH

00:00.00
已归零
  1. 尚无计圈记录

纯原生实现 · CANVAS 2D + requestAnimationFrame · 无外部依赖

本页说明 · 机械天文腕表 · Hy4 preview

机械天文腕表 — Hy4 preview 的实现

题目:用单个 HTML 文件实现一只机械腕表风格的天文时钟,纯原生实现,不许使用任何库、框架或 CDN。要求: 1. 主表盘读取本地系统时间,秒针平滑扫秒,使用 requestAnimationFrame 驱动,且长时间运行不得累积漂移;切到其他标签页再切回来时,指针必须立即校准到正确时间。 2. 包含一个月相小表盘,根据当前日期计算并显示月相连续变化,公式需要自行实现,精度要求误差控制在 1 天内。 3. 包含一个可用的计时码表,通过子表盘指针显示,支持开始、暂停、继续、归零与计圈(lap),按钮在任意顺序点击都不能出现状态错误。 4. 日期窗显示当前日期,正确处理大小月与闰年。 5. 包含昼夜 / 日出日落指示,用户可在三到四个预设城市之间切换,并根据经纬度现场计算当地日出日落时刻。 6. 页面需要响应式,并尊重 prefers-reduced-motion:开启时秒针改为跳秒并关闭装饰动画;同时为各表盘补充 ARIA 标注。 7. 整体视觉要像一只真实的高级腕表,而不是普通练习作业。 只输出最终代码,不要解释。

模型:Hy4 preview 收录站点:丐帮 AI 能力检测

同题其他模型:GLM5.3-flash Space bunny GPT-5.6 Luna(ChatGPT免费版) Qwen3.8-27b Seed-2.1 Pro

返回:全部题目 · 本题对照页