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

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

在这里插入图片描述

今天开始放假了


什么是 Easy countdown

Easy countdown 是一个易于设置的倒计时页面。可以设置为倒计时或计时器。

先看看官方提供的动图

在这里插入图片描述

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 easy-countdown 选择第一个 yooooomi/easy-countdown双击直接下载。

在这里插入图片描述

端口

本地端口不冲突就行不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
34343000

默认没有暴露端口

需要点 + 号自己添加

环境

可变
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/

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6