JavaScript 灯泡暗亮

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

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

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

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

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

4. 效果展示

JavaScript 灯泡暗亮相关推荐

算法题：一个圆环上有100个灯泡，灯泡有打开和关闭两种状态，灯泡的状态随机，按一个灯泡的开关，相邻的两个灯泡的状态也发生一次变化。比如暗-亮-暗，按中间灯泡，变化为亮-暗-亮。问设计一道算法，使得所有
算法题:一个圆环上有100个灯泡,灯泡有打开和关闭两种状态,灯泡的状态随机,按一个灯泡的开关,相邻的两个灯泡的状态也发生一次变化.比如暗-亮-暗,按中间灯泡,变化为亮-暗-亮.问设计一道算法,使得所有 ...
光敏电阻控制小灯泡的亮暗代码编写
通过光敏电阻可以控制小灯泡的亮暗.要编写代码来实现这一功能,需要使用基于模拟的ADC(模拟数字转换器),把光敏电阻的输出转换成一个可操作的范围.然后使用PWM(脉宽调制)把ADC的输出转换成数字信号, ...
算法题：一个圆环上有100个灯泡，灯泡有打开关闭两种状态，灯泡状态随机。设计算法，使灯泡都亮。
算法题:一个圆环上有100个灯泡,灯泡有打开关闭两种状态,灯泡状态随机,按一个灯泡,相邻两个灯泡的状态也会改变. eg: ' 暗 - 亮 - 暗 ' 按中间灯泡 ,变化为 ' 亮 - 暗 - 亮 '. ...
【无标题】写了一个半小时才写这么一点，是不是我能力不行呀？而且暗亮边框还显示不出来，害
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...
全库模式用户模式表模式_暗模式，亮模式和用户的故事
全库模式用户模式表模式 I have been working on designing a UI for an app that has individuals over the age of ...
智能语音电灯-----2---单片机 led灯模块先用按钮点亮一个 led灯泡
文章目录 1.简介 2.安装环境 3.电路小测试 (失败) 4.待解决问题 5.电灯已点亮 1.简介这一模块就是实现单片机控制 led 灯 2.安装环境 win 10 电脑 , Keil uVis ...
javascpirt + HTML实现点亮灯泡
点击图片,则灯泡点亮.代码其实很简单,就是通过点击事件,切换图片URL源. 1.函数changeImage()被注册到<img标签的点击事件中,点击图片则调用此函数. <!DOCTYPE ...
使用SDL编写一个拖动开关点亮灯泡的程序
对于SDL我也只是一个初学的菜鸟,接下来和大家分享一个我自己写的拖动开关点亮灯泡的一个C++程序. 如果你同样是一个SDL的初学者,那么推荐给你一个连接:http://adolfans.github. ...
Vue实现灯泡随开关亮与灭
Vue实现灯泡随开关亮与灭一.各个块中负责的内容 1.template部分 2.script部分 3.style部分二.代码整体展示三.运行图示一.各个块中负责的内容注:本文不阐述如何实现V ...

JavaScript 灯泡暗亮

JavaScript 灯泡暗亮相关推荐

最新文章

热门文章