使用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:请大家注意一下,时间的代码和显示