JS实现灯泡亮熄特效

news/2024/11/7 16:53:33/

**

JS实现灯泡亮熄特效

首先打开HBUilder软件,创建HTML文件
输入代码

<body><img src="1.png.jpg" width="160" height="120"  alt="" onclick="toggle()" id="bulb"><div id="timer">		 	</div>
</body>
<script>var bulbImg = document.getElementById('bulb');// 记录灯泡的状态, on = true 的时候是打开var on = false;// 方法一:function toggle() {console.log(bulbImg.src);if (on == true) {// 关闭bulbImg.src = "1.png.jpg";// on = false;} else {// 打开bulbImg.src = "2.png.jpg";//  on = true;flag = true;}// 取反on = !on;}setInterval(function(){   var date=new Dat

http://www.ppmy.cn/news/833638.html

相关文章

剑指 Offer 39. 数组中出现次数超过一半的数字 / LeetCode 169. 多数元素(排序、哈希、分治等)

题目&#xff1a; 链接&#xff1a;剑指 Offer 39. 数组中出现次数超过一半的数字&#xff1b;LeetCode 169. 多数元素 难度&#xff1a;简单 数组中有一个数字出现的次数超过数组长度的一半&#xff0c;请找出这个数字。 你可以假设数组是非空的&#xff0c;并且给定的数组…

js中简单的灯泡亮暗事件时间的获取js新建HTML标签

思路&#xff1a; 先用div存放三个实物对象&#xff08;拉绳&#xff0c;开关&#xff0c;灯泡&#xff09;。 创建数组存放每个实物的两种状态&#xff08;亮暗&#xff0c;开关&#xff0c;上下&#xff09;。 通过id获取dom对象。 if else 语句进行判断那种情况下的实物状态…

开关灯效果HTML,JS实现灯泡开关特效

JS实现灯泡开关特效的具体代码,供大家参考,具体内容如下 并且显示时间,文字 首先准备两张图片:开灯ON.jpg:关灯OFF.jpg 效果图: 下面是具体实现代码: HTML:开关灯特效 时间: 默认关灯 开灯关灯CSS: body {color: #333;

javascpirt + HTML实现点亮灯泡

点击图片&#xff0c;则灯泡点亮。代码其实很简单&#xff0c;就是通过点击事件&#xff0c;切换图片URL源。 1.函数changeImage()被注册到<img标签的点击事件中&#xff0c;点击图片则调用此函数。 <!DOCTYPE html> <html> <head> <meta charset&q…

319.灯泡开关

319.灯泡开关 初始时有 n 个灯泡处于关闭状态。第一轮&#xff0c;你将会打开所有灯泡。接下来的第二轮&#xff0c;你将会每两个灯泡关闭一个。 第三轮&#xff0c;你每三个灯泡就切换一个灯泡的开关&#xff08;即&#xff0c;打开变关闭&#xff0c;关闭变打开&#xff09…

JavaScript ----点击事件 * 点击图片改变图片路径,达到开关灯效果

<!DOCTYPE html> <html> <head lang"en"> <meta charset"UTF-8"> <title></title> <script language"JavaScript"> /* * 点击图片改变图片路径 * */ va…

python控制灯泡_人工智能应用-手把手教你用Python硬件编程实现打开或关闭电灯泡...

之前我们已经给广大爱好者或程序员朋友们,带来了硬件版的或者说物联网版本的Hello World C++Builder版、Delphi、Visual Basic.Net等的程序源码和教学资料,让大家对硬件控制带来一个崭新的认识。有不少读者用户,建议我们出一套Python的智能硬件控制程序。先简单地来引入一些…

闪烁的灯泡

闪烁的灯泡 学习路线&#xff1a;JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡 简介&#xff1a;这是一个用来理解JS定时器函数的&#xff0c;小案例&#xff0c;制造一个可以闪烁的灯泡。 素材&#x…