html点击一个页面变亮,用html写 点击灯泡变亮

news/2024/11/7 16:55:09/

49c2e058b6e092740307093bd94be3ec.png

bg0.jpg

bg2.jpg

var i = 0;

var picture = ["bg1.jpg","bg0.jpg"];

var picture1 = ["bg3.jpg","bg2.jpg"];

function getTime(){

//创建时间对象

var time = new Date();

//获取当前年份

var year = time.getFullYear();

//获取当前月份

var month = time.getMonth()+1;

//获取当前日期

var date = time.getDate();

//获取当前小时数

var hours = time.getHours();

//获取当前分钟

var minutes = time.getMinutes();

//获取当前秒数

var seconds = time.getSeconds();

return year + "-" + month + "-" + date + " "

+ hours + ":" + minutes + ":" + seconds;

}

function getBulb() {

document.getElementById("imgShow").src = picture[i];

document.getElementById("onOff").src = picture1[i];

if (i == 0) {

i = 1;

document.getElementById("show").innerHTML += getTime() +

" " + "灯亮了" + "
";

} else {

i = 0;

document.getElementById("show").innerHTML += getTime() +

" " + "灯灭了" + "
";

}

}


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

相关文章

JavaScript特效——开关灯泡

准备 首先要准备两张图片&#xff0c;一张是灯泡亮的图片&#xff0c;取名为on.jpg&#xff0c;另一张是灭的图片&#xff0c;取名为off.jpg&#xff0c;都放置到当前的目录下。 代码 <!DOCTYPE html> <html> <head><meta charset"utf-8">…

震惊!!!!JAVASCRIPT竟然可以写出这样的灯泡效果

这里是效果预览 以下是全部代码,改一下图片路径可以直接使用! (应付老师作业的首选帖子!!!) 如果担心抄作业被发现,可以"CV"后看一下代码的讲解 ` <!doctype html> <head><meta charset="utf-8"><title></title><styl…

js控制开关灯泡

js控制开关灯泡 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><meta http-equiv"X-UA-Compatible"…

js灯泡开关编写

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title></title> </head> <body> //图片路径 <img src"1.png.png" id"image" width"382" height"5…

vue 灯泡开关

话不多说&#xff0c;直接上代码 样式&#xff1a; <style> .content{ height: 500px; width: 800px; overflow: hidden; text-align: center; } .content img{ …

JS实现灯泡亮熄特效

** JS实现灯泡亮熄特效 首先打开HBUilder软件,创建HTML文件 输入代码 <body><img src="1.png.jpg" width="160" height="120" alt="" onclick="toggle()" id="bulb"><div id="timer"…

剑指 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 语句进行判断那种情况下的实物状态…