点击图片实现灯的开关

最新推荐文章于 2021-06-05 01:36:45 发布

沙雕青年

最新推荐文章于 2021-06-05 01:36:45 发布

阅读量335

点赞数

本文链接：https://blog.csdn.net/weixin_45747629/article/details/102540035

版权

点击图片实现灯的开关
灭的灯在这里插入图片描述开的灯

<head>
	<meta charset="utf-8" />
	<title></title>
</head>
<body>
	<img id="image"  src="js/1.jpg" width="160"height="120"/><br/>
	<input type="button" value="开关按钮" onclick="action()" />
		<table align="left">
			<tr>
				<td ><input type="text"  style="width: 500px;" id="time"wrap="irtual";/></td>
			</tr>		
		</table>
	<script  type="text/javascript">	
		function time(){
			var date = new Date();
			var a = date.getHours();
			var b =date.getMinutes();
			var c = date.getSeconds();
			var d = date.getDate();
			var e =  d+"日"+a+"时"+b+"分"+c+"秒";
			return e;
		}
		var imgs=["js/1.jpg","js/2.jpg"];
		function action(){	
			var i = 0;
			document.getElementById("image").src = imgs[i];
			if(i ==0){
				i=1;
				document.getElementById("time").value +=time()+'关灯 '; 	
			}else{
				i=0;
				document.getElementById("time").value +=time()+'开灯 ';	
			}
		}	
	</script>
</body>