十年之约

效果

关于

这是一个记录十年时光流逝的动态进度卡片。从 2026年6月14日 开始，到 2036年6月14日 结束，整整十年的约定。

技术说明

• 格式：SVG（可缩放矢量图形）
• 尺寸：250 × 250（正方形）
• 动态更新：使用 JavaScript 读取系统时间，每秒自动刷新进度
• 进度显示：圆形进度环，红橙渐变

使用方法

1. 直接嵌入 HTML

或

2. 作为图片引用（静态显示）

Note

注意：使用 标签时，SVG 内的 JavaScript 不会执行，进度不会动态更新。

3. 内联 SVG

直接将 SVG 代码复制到 HTML 文件中，JavaScript 会自动运行。

设计特点

当前进度

Note

进度会随系统时间自动更新，每秒刷新一次。

自定义修改

如需修改时间范围，编辑 SVG 文件中的以下部分：

修改日期即可适配其他时间跨度。

愿十年之后，回首无悔。