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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 60 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

程序主页

28 条回复 • 2024-09-25 23:51:36 +08:00

344457769

60 天前

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

ififi

60 天前

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

344457769

60 天前

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

ififi

60 天前

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

wincatcher

59 天前

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

Aumujun

59 天前

18：15 下班为啥选不了

NoOneNoBody

59 天前

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

wxw752

59 天前

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

ififi

59 天前

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

ififi

59 天前

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

ififi

59 天前

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

wincatcher

59 天前

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

K120

59 天前

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

ififi

59 天前

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

ififi

59 天前

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

tandk

59 天前

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

hertzry

59 天前 via iPhone

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

Track13

59 天前 via Android

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

cookii

59 天前 via Android

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

gazi

59 天前

这老板看见不得当场红温

ififi

59 天前

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

ififi

59 天前

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

ififi

59 天前

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

AX5N

59 天前

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

hertzry

59 天前 via iPhone

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

ififi

59 天前

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

jedix78

59 天前

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

hertzry

58 天前 via iPhone

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