JavaScript和HTML实现灯的开关

第五步：查看网页效果

第四步：编写js代码

// var t=time.toLocaleString();
function f(){
//创建一个Date对象
var time= new Date();
//获取当前到前的小时值
var hour=time.getHours();
//获取当前的分钟值
var minute=time.getMinutes();
//获取当前的分秒值
var second=time.getSeconds();
//当前时间
var t =hour+":"+minute+":"+second
document.getElementById(“image”).src=imgs[i];
document.getElementById(“inputBut”).innerText=texts[i];
if(i==0){
i=1;
document.getElementById(“Uli”).innerHTML+=t+"—灯亮了"+"

---

";
}else{
i=0;
document.getElementById(“Uli”).innerHTML+=t +"—灯关了"+"

---

";
}
}

第三步：开始编写html代码

开/关灯时间：

---

第二步：在HBuilder X在创建项目

第一步：准备图片