type
status
date
slug
summary
tags
category
icon
password
- 初始化灯光状态:
- 页面上有三个圆形元素,分别代表红、黄、绿灯。初始时,只有红灯亮起,其他灯是透明的。
- 灯光切换逻辑:
- 每个灯光有一个持续时间,定义在
lights
数组中。 - 使用
Date.now()
记录时间并计算每个灯的持续时间。根据经过的时间 (elapse
),决定何时切换到下一个灯。 - 每当一个灯的时间到期时,切换到下一个灯,并通过
classList.toggle
改变灯的类,控制灯的显示与隐藏。