开源的翻页钟：flipclock-sts

Flip 一刻整站开源了：github.com/wang11453/flipclock-sts，MIT 许可。你在 flipclock.stsqz.com 用到的每一页——时钟、秒表、倒计时、番茄钟、指南——仓库里都有，连十二张分场景专题页也一并放在 longtail/ 目录。

为什么开源

写翻页动效踩的坑比想象中多：上下两半怎么做到过缝零间隙、数字跨跳时级联怎么不吵、落板的手感怎么调才有重量。这些答案都藏在代码里，留个参考给同样想做翻页钟的人。

跑起来

纯前端，没有依赖，不用构建。仓库拉下来扔给任何静态服务器就能跑：

python3 -m http.server 8000

打开 index.html 就是落地页。字体已经自托管在 static/fonts/，离线照常工作。

代码里值得看的

• 有理数求解器：二十四点之外的另一台数学机器——其实没有，这台是翻页钟；但求解器在 clock.html 的逻辑块里，整数对表示分数、gcd 约分、精确比较，供校验和出题用
• 同步翻页引擎：上下两半共用一条贝塞尔曲线同时起落，过缝零间隙，CSS 约 40 行
• 逻辑与 DOM 分离：纯逻辑块带 module.exports 分流，node 里直接可测，仓库外还有一份 1000 局自测脚本
• 已知的毛病：README 里老实列了低端机掉帧和长尾页文案参差两条，没有藏

在线版与仓库的关系

在线版就是这份代码跑在 nginx 后面，本站自己也天天用。有 issue 或者想加功能，直接去仓库提。