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

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() +

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

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值