用 Cursor 写了一个下班倒计时网页,来看看今天还要搬多久的砖? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
ififi
0.13D
V2EX    分享创造

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

  •  
  •   ififi 2024-09-24 15:42:49 +08:00 2904 次点击
    这是一个创建于 380 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    程序主页

    28 条回复    2024-09-25 23:51:36 +08:00
    344457769
        1
    344457769  
       2024-09-24 15:56:05 +08:00
    不会用。一直提示“上班时间不能是未来的时间!”
    ififi
        2
    ififi  
    OP
       2024-09-24 16:01:09 +08:00
    @344457769 请问下选的是什么时间呢?我复现一下看看,感谢。
    344457769
        3
    344457769  
       2024-09-24 16:03:52 +08:00
    @ififi 进入这个页面以后什么也没选,用的默认的 09:00 和 18:00 ,直接点开始计时就会提示这个。我用的 Firefox 130 。
    ififi
        4
    ififi  
    OP
       2024-09-24 16:23:26 +08:00
    @344457769 #3 请问下大佬是在国外吗?如果在国外的话,这个提示是:当选择的“上班时间”对比现在的时间,还没有到达“上班时间”时,就会有这个错误提示。
    比如早上 9 点上班,在早上 8 点执行这个倒计时就会弹出该错误提示。提示文本我没写太清楚,抱歉。
    wincatcher
        5
    wincatcher  
       2024-09-24 17:53:21 +08:00
    背景渐变流动色彩很惊艳啊,赞一个,请问是用 Framer Motion 库实现的吗?
    Aumujun
        6
    Aumujun  
       2024-09-24 17:55:25 +08:00
    18:15 下班为啥选不了
    NoOneNoBody
        7
    NoOneNoBody  
       2024-09-24 17:57:18 +08:00
    不够刺激,应该写个退休倒计时
    wxw752
        8
    wxw752  
       2024-09-24 18:00:37 +08:00
    这有 BUG 吧,还有几秒呢,怎么就四舍五入成 100%了

    ififi
        9
    ififi  
    OP
       2024-09-24 18:06:42 +08:00
    @Aumujun 感谢反馈,后面计划做成精准到每分钟的选项。
    ififi
        10
    ififi  
    OP
       2024-09-24 18:07:20 +08:00
    @wincatcher 是用 Framer Motion 实现的,具体可以在 GitHub 上查看相关代码。
    ififi
        11
    ififi  
    OP
       2024-09-24 18:11:42 +08:00
    @wxw752 感谢大佬反馈,确实是算法有 BUG 。
    wincatcher
        12
    wincatcher  
       2024-09-24 18:32:02 +08:00
    我找到了,太感谢你!已经在我的项目中用上了
    K120
        13
    K120  
       2024-09-24 18:50:55 +08:00
    各种小组件定制 https://nav3.cn/side
    ififi
        14
    ififi  
    OP
       2024-09-24 19:59:52 +08:00
    @wxw752 已修复,是 toFixed 把百分比的第二位小数四舍五入显示了。添加 Math.floor 截断一位小数后规避。感谢反馈
    ififi
        15
    ififi  
    OP
       2024-09-24 20:00:49 +08:00
    @Aumujun 已经将小时和分钟数拆开,分钟数支持精准分钟配置。感谢反馈。
    tandk
        16
    tandk  
       2024-09-24 20:59:48 +08:00
    不用看了,今天下不了班了,老板说要加通宵
    hertzry
        17
    hertzry  
       2024-09-24 21:26:35 +08:00 via iPhone
    问题:数字与前面的单位离得远,与后面的单位离得近。
    建议:可否用 0 补齐为两位数避免长度来回跳。
    bgm004
        18
    bgm004  
       2024-09-24 21:40:47 +08:00 via Android   1
    发现个 bug ,倒计时归零了,为什么我不能下班
    cookii
        19
    cookii  
       2024-09-24 21:48:15 +08:00 via Android
    用来练手确实不错,现在 ai 入门一个新领域真的门槛低很多
    gazi
        20
    gazi  
       2024-09-24 21:53:53 +08:00
    这老板看见 不得当场红温
    ififi
        21
    ififi  
    OP
       2024-09-24 22:33:15 +08:00
    @hertzry 感谢建议,我研究一下。
    ififi
        22
    ififi  
    OP
       2024-09-24 22:34:41 +08:00
    @Track13 请问下出问题的时候,倒计时是直接重新开始了是吗?可以具体描述一下情况的话就更好了。感谢
    ififi
        23
    ififi  
    OP
       2024-09-25 11:10:44 +08:00
    @hertzry 已经调整到保留两位数,感谢大佬建议。
    AX5N
        24
    AX5N  
       2024-09-25 13:41:55 +08:00
    纯属给自己添堵,这种东西越看越不耐烦。
    hertzry
        25
    hertzry  
       2024-09-25 14:56:10 +08:00 via iPhone
    现在看起来是这样“12 小时 34 分钟 56 秒”,感觉进一步完善为“12 小时 34 分钟 56 秒”比较好。
    ififi
        26
    ififi  
    OP
       2024-09-25 15:01:59 +08:00
    @hertzry #25 是数字和中文字符中间加一个空格是吗?
    jedix78
        27
    jedix78  
       2024-09-25 17:26:48 +08:00
    啊这,这么高级的 AI 是给你这么用的吗?
    hertzry
        28
    hertzry  
       2024-09-25 23:51:36 +08:00 via iPhone
    @ififi #26 是的,但是我没注意到 V2 自动替我补上了,所以那条回复看起来让人迷惑。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2800 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 13:09 PVG 21:09 LAX 06:09 JFK 09:09
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86