简易点击灯泡点亮

最新推荐文章于 2021-11-14 14:32:03 发布

我是牛小牛

最新推荐文章于 2021-11-14 14:32:03 发布

阅读量306

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_45747700/article/details/102539016

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.简易点击灯泡点亮

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<center>
<img src="1.jpg" width="500" height="300" id="image"/><br>
<input type="button" value="点击开灯" onclick="str()">
<script>
var  imgs =["2.jpg","1.jpg"];
var i=0;
var newDate =new Date();
function str() {
document.getElementById("image").src=imgs[i];
 if(i==0) {
     i = 1;
     alert(newDate.toLocaleString()+"已开灯");
 }else{
     i=0;
     alert(newDate.toLocaleString()+"已关灯");
 }
}
</script>
</center>
</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我是牛小牛

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易点击灯泡点亮

1.简易点击灯泡点亮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><center><img src="1.jpg"...
复制链接

扫一扫