易于设置的倒计时页面Easy countdown

今天开始放假了

---

什么是 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/