易于设置的倒计时页面Easy countdown
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
今天开始放假了
什么是 Easy countdown
Easy countdown
是一个易于设置的倒计时页面。可以设置为倒计时或计时器。
先看看官方提供的动图
安装
在群晖上以 Docker 方式安装。
在注册表中搜索 easy-countdown
选择第一个 yooooomi/easy-countdown
双击直接下载。
端口
本地端口不冲突就行不确定的话可以用命令查一下
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 | 容器端口 |
---|---|
3434 | 3000 |
默认没有暴露端口
需要点 +
号自己添加
环境
可变 | 值 |
---|---|
TIMER_BACKGROUND | 将用作背景的图像的 url |
TIMER_TARGET | 倒计时的目标日期如果日期在未来timer 会倒计时否则会计时 |
TIMER_TITLE | 倒计时的标题可以为空 |
其中
TIMER_BACKGROUND
可以到 https://digwallpapers.com/ 上去找喜欢的图片TIMER_TARGET
时间的格式有固定的要求但是不符合中国人的习惯需要通过专门的网站来帮助我们进行转换
第一步、打开网站https://esqsoft.com/javascript_examples/date-to-epoch.htm
第二步、在①中输入选择你目标日期点②中的 To Epoch
得到③的数值
第三步、复制③的值填入④点⑤中的 To Date
得到⑥的时间 Sat Nov 26 2022 06:00:00 GMT+0800
这就是我们填入 TIMER_TARGET
的值
TIMER_TITLE
倒计时的标题支持中文
命令行安装
如果你熟悉命令行可能用 docker cli
更快捷
# 运行容器
docker run -d \
--restart unless-stopped \
--name countdown \
-p 3434:3000 \
-e TIMER_BACKGROUND="https://digwallpapers.com/wallpapers/full/3/a/2/32039-3840x2160-sci-fi-images-background-desktop-4k.jpg" \
-e TIMER_TARGET="Sat Nov 26 2022 06:00:00 GMT+0800" \
-e TIMER_TITLE="Business trip in Suzhou" \
yooooomi/easy-countdown
也可以用 docker-compose
安装将下面的内容保存为 docker-compose.yml
文件
version: "3.8"
services:
web:
stdin_open: true # So that the serving is not exited with code 0
image: yooooomi/easy-countdown
container_name: countdown
restart: unless-stopped
ports:
- "3434:3000"
environment:
TIMER_BACKGROUND: "https://digwallpapers.com/wallpapers/full/3/a/2/32039-3840x2160-sci-fi-images-background-desktop-4k.jpg"
TIMER_TARGET: "Sat Nov 26 2022 06:00:00 GMT+0800"
TIMER_TITLE: "Business trip in Suzhou"
然后执行下面的命令
# 新建文件夹 countdown 目录
mkdir -p /volume2/docker/countdown
# 进入 countdown 目录
cd /volume2/docker/countdown
# 将 docker-compose.yml 放入当前目录
# 一键启动
docker-compose up -d
如果 TIMER_TITLE
中使用了中文。记得用 UTF-8
编码
运行
在浏览器中输入 http://群晖IP:3030
就能看到主界面
中文标题
看着挺酷但似乎又没什么用处因为连通知都没有唯一的优点可能就是能在任何设备上打开同一个计时器
参考文献
Yooooomi/easy-countdown
地址https://github.com/Yooooomi/easy-countdown
Self-hosted countdown timer(? Is this a thing?) : selfhosted
地址https://www.reddit.com/r/selfhosted/comments/ybuzd6/selfhosted_countdown_timer_is_this_a_thing/