程序解说:点击灯泡之后切换灯泡明暗;
点击暗的灯泡的时候灯泡会随之发亮,并且下方会输出灯泡打开时间,
点击亮的灯泡的时候灯泡会随之熄灭,并且下方会输出灯泡关闭时间.

  1. 点击图片亮暗发生变化(准备两张图片一张暗的,一张亮的,点击之后切换图片,暗的变成亮的,亮的变成暗的并且可重复点击切换灯泡亮度)

JavaScript 灯泡暗亮
JavaScript 灯泡暗亮
点击变化暗亮(可重复点击)为图片添加onclick()点击事件
JavaScript 灯泡暗亮
2. 时间的显示:使用日期函数Date()显示日期
JavaScript 灯泡暗亮
3. 将图片的点击变化和按钮点击时间的显示相结合,点击图片暗亮发生变化,下方出现灯泡暗亮的日期
JavaScript 灯泡暗亮
4. 效果展示
JavaScript 灯泡暗亮

相关文章:

  • 2021-08-25
  • 2021-04-30
  • 2021-07-30
  • 2022-12-23
  • 2022-01-18
  • 2022-01-09
  • 2021-04-24
  • 2021-12-25
猜你喜欢
  • 2021-11-18
  • 2022-12-23
  • 2021-06-11
  • 2021-04-03
  • 2022-12-23
  • 2021-09-09
  • 2021-09-21
相关资源
相似解决方案