欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JavaScript 灯泡暗亮

发布时间:2025/3/12 javascript 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JavaScript 灯泡暗亮 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

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


  • 点击变化暗亮(可重复点击)为图片添加onclick()点击事件

    2. 时间的显示:使用日期函数Date()显示日期

    3. 将图片的点击变化和按钮点击时间的显示相结合,点击图片暗亮发生变化,下方出现灯泡暗亮的日期

    4. 效果展示

    总结

    以上是生活随笔为你收集整理的JavaScript 灯泡暗亮的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。