Skip to content

显示当天剩余时间的进度条,只统计从起床到睡觉

Notifications You must be signed in to change notification settings

tiaod/day-progress

Repository files navigation

day-progress

demo

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

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

在线DEMO

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

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

Features

  • 自定义开始和结束时间
  • 暗色/亮色模式
  • 自定义主题颜色
  • 设置背景图片(需要填写背景图片的地址)
  • 参数保存到url,方便复制链接到lively设置壁纸

demo2

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Docker

build docke image from Dockfile

docker build -t imagename:imagetag .

create docker container

docker run -p 8888:8080 -itd --name containname imagename:imagetag npm run serve

access

localhost:8888/day-progress

Run a command in a running container

docker exec -it containname sh

Compiles and minifies for production

npm run build

Customize configuration

See Configuration Reference.

About

显示当天剩余时间的进度条,只统计从起床到睡觉

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published