用 Cursor 写了一个下班倒计时网页，来看看今天还要搬多久的砖？

[ififi]

无前端经验，下载 Cursor 后，配合 https://v0.dev/ 写了这个小工具练练手。

使用 Next.js ，部署在 https://vercel.com/ 且支持 PWA 应用，Safari 和 Chrome 都可安装。

• 项目主页： https://off.rainif.com/
• GitHub： https://github.com/ififi2017/Off-Work-Countdown

[344457769]

不会用。一直提示“上班时间不能是未来的时间！”

[ififi]

@344457769 请问下选的是什么时间呢？我复现一下看看，感谢。

[344457769]

@ififi 进入这个页面以后什么也没选，用的默认的 09:00 和 18:00 ，直接点开始计时就会提示这个。我用的 Firefox 130 。

[ififi]

@344457769 #3 请问下大佬是在国外吗？如果在国外的话，这个提示是：当选择的“上班时间”对比现在的时间，还没有到达“上班时间”时，就会有这个错误提示。
比如早上 9 点上班，在早上 8 点执行这个倒计时就会弹出该错误提示。提示文本我没写太清楚，抱歉。

[wincatcher]

背景渐变流动色彩很惊艳啊，赞一个，请问是用 Framer Motion 库实现的吗？

[byte404]

18：15 下班为啥选不了

[NoOneNoBody]

不够刺激，应该写个退休倒计时

[rockddd]

这有 BUG 吧，还有几秒呢，怎么就四舍五入成 100%了

[ififi]

@Aumujun 感谢反馈，后面计划做成精准到每分钟的选项。

[ififi]

@wincatcher 是用 Framer Motion 实现的，具体可以在 GitHub 上查看相关代码。

[ififi]

@wxw752 感谢大佬反馈，确实是算法有 BUG 。

[wincatcher]

我找到了，太感谢你！已经在我的项目中用上了

[K120]

各种小组件定制 https://nav3.cn/side

[ififi]

@wxw752 已修复，是 toFixed 把百分比的第二位小数四舍五入显示了。添加 Math.floor 截断一位小数后规避。感谢反馈🙏

[ififi]

@Aumujun 已经将小时和分钟数拆开，分钟数支持精准分钟配置。感谢反馈。🙏

[tandk]

不用看了，今天下不了班了，老板说要加通宵

[hertzry]

问题：数字与前面的单位离得远，与后面的单位离得近。
建议：可否用 0 补齐为两位数避免长度来回跳。

[bgm004]

发现个 bug ，倒计时归零了，为什么我不能下班😭

[cookii]

用来练手确实不错，现在 ai 入门一个新领域真的门槛低很多

[gazi]

这老板看见 不得当场红温

[ififi]

@hertzry 感谢建议，我研究一下。

[ififi]

@Track13 请问下出问题的时候，倒计时是直接重新开始了是吗？可以具体描述一下情况的话就更好了。感谢🙏

[ififi]

@hertzry 已经调整到保留两位数，感谢大佬建议。🙏

[AX5N]

纯属给自己添堵，这种东西越看越不耐烦。

[hertzry]

现在看起来是这样“12 小时 34 分钟 56 秒”，感觉进一步完善为“12 小时 34 分钟 56 秒”比较好。

[ififi]

@hertzry #25 是数字和中文字符中间加一个空格是吗？

[jedix78]

啊这，这么高级的 AI 是给你这么用的吗？

[hertzry]

@ififi #26 是的，但是我没注意到 V2 自动替我补上了，所以那条回复看起来让人迷惑。