版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
使用js来实现灯泡转换和时间显示
1.先打开使用软件
2.目录
3.①提前找好灯泡没亮之前的照片和亮之后的照片
②把图片复制到目录中img那个文件夹里面
图一：
图二：
4：接下来是，代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img id="tupian" src="img/tu2.jpg" width="290px" height="300px" /><br/>
<input type="button" value="更换图片" onclick="tu()" />
<div id="show"></div>
<script>
var image = ["img/tu2.jpg","img/tu1.jpg"];
var j = 1;
function tu() {
document.getElementById("tupian").src = image[j];
if ( j == 0){
j = 1;
} else {
j= 0;
}
document.getElementById("show").innerHTML=Date();
}
</script>
</body>
</html>
**5：**呈现出开的效果是：点击按钮切换图片，时间切换
6：请大家注意一下，时间的代码和显示
