红绿灯
2025-4-30
| 2025-4-30
0  |  阅读时长 0 分钟
type
status
date
slug
summary
tags
category
icon
password
  1. 初始化灯光状态:
      • 页面上有三个圆形元素,分别代表红、黄、绿灯。初始时,只有红灯亮起,其他灯是透明的。
  1. 灯光切换逻辑:
      • 每个灯光有一个持续时间,定义在 lights 数组中。
      • 使用 Date.now() 记录时间并计算每个灯的持续时间。根据经过的时间 (elapse),决定何时切换到下一个灯。
      • 每当一个灯的时间到期时,切换到下一个灯,并通过 classList.toggle 改变灯的类,控制灯的显示与隐藏。
 
相关文章 :
  • 前端
  • tar gzip and zip路由跳转问题
    Loading...
    目录