一、Easy countdown介绍

1.1 Easy countdown简介

• Easy countdown简介

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

1.2 Easy countdown使用场景

Easy Countdown作为一个灵活且易于设置的倒计时页面，其应用场景广泛多样，适用于个人生活、工作管理、教育、活动策划等多个领域。

1. 考试倒计时：学生可以设置考试日期作为倒计时目标，帮助自己合理安排复习计划，增加紧迫感和学习动力。

2. 项目截止日期提醒：团队工作中，项目经理可以设置项目交付的最终期限作为倒计时，确保团队成员对时间进度有清晰的认识，促进高效协作。

3. 婚礼或重要活动准备：活动策划者或即将举办婚礼的新人可以利用Easy Countdown来倒数距离大日子还有多少天，同时也可以作为活动网页的一部分，与参与者分享，增加期待感。

4. 新年倒计时：在节日或特殊庆典（如新年、圣诞节）前，网站或社交媒体平台可以用它创建一个公共倒计时页面，营造节日氛围，与用户互动。

5. 健身挑战或习惯养成：个人健康与健身领域，可以设定如“连续跑步30天”、“无糖饮食挑战100天”的计时器，激励自己坚持下去，记录进步。

6. 在线课程或讲座开始前：教育机构可以为即将开始的在线课程或直播讲座设置倒计时，提醒学员准时参加，提高参与度。

7. 产品发布倒计时：企业可以在官方网站上设置新产品发布会的倒计时，制造悬念，吸引潜在客户的关注，并在倒计时结束时自动跳转至产品页面或直播链接。

8. 生日或纪念日庆祝：个人用户可以为自己或亲友的生日、结婚纪念日等特别日子设置倒计时，作为一种温馨的提醒方式，提前准备庆祝活动。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境，生产环境请谨慎；
2.使用Docker部署easy-countdown计时器。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行，确保Docker正常运行。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Sun 2024-05-12 08:34:14 CST; 1 day 14h ago
     Docs: https://docs.docker.com
 Main PID: 11565 (dockerd)
    Tasks: 53
   Memory: 1.5G
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker -v
Docker version 20.10.17, build 100c701

3.3 检查docker compose 版本

检查Docker compose版本，确保2.0以上版本。

[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

四、下载easy-countdown镜像

拉取easy-countdown镜像yooooomi/easy-countdown，版本为latest。

[root@jeven ~]# docker pull yooooomi/easy-countdown
Using default tag: latest
latest: Pulling from yooooomi/easy-countdown
aad63a933944: Pull complete
a00bd932208e: Pull complete
c57f2c59b937: Pull complete
f3446470f297: Pull complete
c6d9954ef361: Pull complete
6b69542728d7: Pull complete
94ea50a7165f: Pull complete
2c38e7cb8957: Pull complete
f524899b474a: Pull complete
96e02b3cd18a: Pull complete
6a9b3dcb5d3d: Pull complete
6bde6326f348: Pull complete
Digest: sha256:8ecce787b83a79a91ab814ace51c37a4d55d524398db13c72fb899e3f8cc5287
Status: Downloaded newer image for yooooomi/easy-countdown:latest
docker.io/yooooomi/easy-countdown:latest

五、部署Easy Countdown应用

5.1 使用docker-cli方式部署

使用docker-cli方式部署，可参考如下命令，本次实践使用docker compose方式部署。

docker run -d   \
--name easy-countdown  \
-e TIMER_BACKGROUND="https://digwallpapers.com/wallpapers/full/b/5/7/32086-3840x2160-sci-fi-images-wallpaper-photo-desktop-4k.jpg"   \
-e TIMER_TARGET="Sun Oct 06 2024 09:00:00 GMT+0800"    \
-e TIMER_TITLE="考试倒计时"   \
-p 5660:3000   \
yooooomi/easy-countdown

其中目标日期可以使用以下命令得到。

[root@jeven ~]# date --date="2024-10-06 09:00:00" +"%a %b %d %Y %H:%M:%S GMT%z"
Sun Oct 06 2024 09:00:00 GMT+0800

• 变量解释

5.2 编辑docker-compose.yaml文件

使用docker compose运行SurveyKing容器，壁纸网站和目标时间可以参考5.1步骤。

version: '3.9'
services:
  easy-countdown:
    container_name: easy-countdown
    image: yooooomi/easy-countdown
    ports:
      - 5660:3000
    environment:
      - TIMER_BACKGROUND=https://digwallpapers.com/wallpapers/full/b/5/7/32086-3840x2160-sci-fi-images-wallpaper-photo-desktop-4k.jpg
      - TIMER_TARGET=Sun Oct 06 2024 09:00:00 GMT+0800
      - TIMER_TITLE=考试倒计时

5.3 创建easy-countdown容器

创建部署目录

 mkdir -p /data/easy-countdown   && cd /data/easy-countdown

本次实践使用docker-compose.yaml文件创建easy-countdown容器

[root@jeven easy-countdown]# docker compose up -d
[+] Running 2/2
 ⠿ Network easy-countdown_default  Created                                                                                          0.0s
 ⠿ Container easy-countdown        Started                                                                                          0.8s

5.4 检查easy-countdown容器状态

检查easy-countdown容器状态，确保easy-countdown容器正常启动。

[root@jeven easy-countdown]# docker compose ps
NAME                COMMAND                  SERVICE             STATUS              PORTS
easy-countdown      "docker-entrypoint.s…"   easy-countdown      running             0.0.0.0:5660->3000/tcp, :::5660->3000/tcp

5.5 检查easy-countdown容器日志

检查easy-countdown容器运行日志

[root@jeven easy-countdown]# docker compose logs
easy-countdown  | UPDATE AVAILABLE The latest version of `serve` is 14.2.3
easy-countdown  | INFO: Accepting connections at http://0.0.0.0:3000

六、访问署Easy Countdown首页

访问地址：http://192.168.3.166:5660，将IP替换为自己服务器IP地址，进入到Easy Countdown初始页。如果无法访问，则检查服务器防火墙是否设置，云服务器的安全组端口是否放行等。

七、总结

Easy Countdown以其简洁的部署流程和即时可用性，在提升日常学习及工作效率方面展现出显著优势。它作为一个即开即用的网页计时器，不仅支持在任何现代浏览器中无缝运行，还允许用户个性化定制背景壁纸，结合审美与实用性，为使用者营造既专注又赏心悦目的环境。尽管功能设计追求极简，但正因其轻便特性，Easy Countdown成为个人本地服务器工具集的理想补充，为技术爱好者和效率追求者提供了一个既实用又不失个性化的选择，轻松融入多元化的工作与学习场景中。