网页时钟

1，时钟会根据秒钟的跳动而跳动

2，会根据不同时段，自动播放不同的音乐

总结了一下几点：

document.getElementByIdx_x(“time”).innerHTML=str;

document.getElementByIdx_x() 什么意思？

document表示当前页面的文档对象。getElemengById是一个方法，含义是通过id属性找到这个元素。

.innerHTML

注意：innerHTML不可写为innerHtml或是其他形式，大小写要严格遵守，不然无法获取或者设置数据。​

对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。

（获取HTML当前标签的起始和结束里面的内容）

其实和innerText的效果一样

关于里面的 \ ，它是一个转义字符，如果外面的 ” 碰到里面的 ” 就会结束掉，不会再往下继续读了，但是在 “前加上转义字符 \

就能解决这个问题

因为这里涉及到一个实时刷新，所在body中定义了两个块（

）标签，否则会造成覆盖

function show(){

var nowtime=new Date();

var hour= nowtime.getHours();

var year=nowtime.getFullYear();

var moth=nowtime.getMonth()+1;

if(moth<10){

moth=”0”+moth

}

var date=nowtime.getDate();

if(date<10){

date=”0”+date;

}

var minutes=nowtime.getMinutes();

var m=nowtime.getSeconds();

var str=”“;

str+=year+”年”+moth+”月”+date+”日”+” “+”现在时间”+hour+”:”+minutes+”:”+m+” “;

if(hour<12){

str+=”上午好”;

}else if(hour<14){

str+=”中午好”;

}

else if(hour<19){

str+=”下午好”;

}

else{

str+=”晚上好”;

}

document.getElementByIdx_x(“time”).innerHTML=str;

}

window.onload=function(){

window.setInterval(“show()”,1000);

}

function miusic(){

var nowtime=new Date();

var hour= nowtime.getHours();

if(hour<12){

document.getElementByIdx_x(“audio”).innerHTML=” “;

}else if(hour<14){

document.getElementByIdx_x(“audio”).innerHTML=” “;

}

else if(hour<19){

document.getElementByIdx_x(“audio”).innerHTML=” “;

}

else{

document.getElementByIdx_x(“audio”).innerHTML=” “;

}

}

miusic();