第五步:查看网页效果
第四步:编写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在创建项目
第一步:准备图片