写了个显示今天剩余时间的进度条

2020-05-09 21:19:55 +08:00
 tiaod

以起床时间开始,睡觉时间结束(默认是 9:00~22:00 ),让你直观感受时间流逝,把握时间完成工作,从而按时睡觉。

之所以写这个,是因为找了很多个显示时间进度条的项目都不满足我的需求,那些项目都是统计 0:00~24:00 的,容易给人晚上时间很多的错觉,从而习惯熬夜。

在线 DEMO

推荐使用Wallpaper engine或者lively之类的工具设置为桌面背景。

看着时间像手机电池电量一样减少,感觉是很奇妙的。

github 地址: https://github.com/tiaod/day-progress

6448 次点击
所在节点    分享创造
39 条回复
leeUp
2020-05-09 23:26:32 +08:00
警告!你正在透支明天!哈哈哈哈挺有创意的😁
hikaruchang
2020-05-09 23:37:22 +08:00
-1 -1 -1 -1 ...
XBlackBerry
2020-05-09 23:42:05 +08:00
-1s
Smash
2020-05-10 00:08:57 +08:00
有 bug,还是特意的?进度条会超过百分之百
liuy1994g
2020-05-10 02:18:21 +08:00
@Smash 透支了啊😂
liuy1994g
2020-05-10 02:18:48 +08:00
有没有环形的呀
leetao94
2020-05-10 08:28:00 +08:00
点击访问~ 403

403 Forbidden
Code: AccessDenied
Message: You are denied by bucket referer rule
Key: day-progress/index.html
RequestId: NWViNzRhNzVfMWNiMjk0MGFfNmVmZl8yNDkxZTMw
TraceId: OGVmYzZiMmQzYjA2OWNhODk0NTRkMTBiOWVmMDAxODc0OWRkZjk0ZDM1NmI1M2E2MTRlY2MzZDhmNmI5MWI1OTQ5YWUxMjNkYTk3NzdjZmZlMDQzOTgxOThkOTNlOWFkZjBjZjY5OGU2ZTBmZWM0MmE4YjI2OWU3YjQ2YTU5NTM=
tiaod
2020-05-10 09:32:32 +08:00
@Smash 默认是 9:00~22:00,在 9:00 之前打开就会超过 100%,点击设置按钮可以调节时间。
leetao94
2020-05-10 09:47:05 +08:00
~~能正常访问了,这个和那个人生进度一样~看了引起不适😂😂😂
hst001
2020-05-10 10:46:49 +08:00
@XBlackBerry #3 几年前写的一个 chrome 主页插件就叫 -1s,现在不知道还能不能搜到了
tiaod
2020-05-10 11:03:04 +08:00
@liuy1994g 环形的进度条已添加,点击设置就可以切换啦。如果有缓存就强制刷新一下
deyilee
2020-05-10 20:28:34 +08:00
作为桌面非常棒!求教怎么在 wallpaper 上设置
tiaod
2020-05-10 21:02:04 +08:00
@deyilee 可以用 wallpaper engine,不过我推荐开源的 lively,地址:
https://github.com/rocksdanister/lively

直接将在线 demo 的地址填进去就可以了: https://hacker-mu.uvcat.com/day-progress/
fxt0706
2020-05-10 21:09:19 +08:00
摸了一会鱼感觉没过多久,发现时间少了 1%,太真实了
windplume
2020-05-10 21:17:42 +08:00
方向是不是反了
Vie
2020-05-10 21:23:56 +08:00
打开一看,一股压力莫名袭来
huyudong1991
2020-05-10 21:38:43 +08:00
php 版本就好了🤣
tiaod
2020-05-10 21:48:39 +08:00
@windplume 要的就是这种血条减少一样的效果

@huyudong1991 纯前端的,要 php 干啥🤣
cedoo22
2020-05-10 21:49:35 +08:00
可以加个 背景设置功能
zhao1014
2020-05-10 21:51:14 +08:00
设置成背景了,非常有用,我正需要这个!谢谢分享!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/670112

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX