手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js根据时间判断输出不同的图片

时间:2024-10-13 09:06:19

1、首先明确要做的东西,是要根据时间段输出上午下午或者晚上。这里不是文字而是图片;

js根据时间判断输出不同的图片
js根据时间判断输出不同的图片
js根据时间判断输出不同的图片

2、然后首先要获取时间的方法:var ab=new Date();var hours = ab.getHours();

js根据时间判断输出不同的图片

3、然后写一下判断:if(hours>=8&&hours<12){ }if(hours>=12&&a罪焐芡拂mp;hours<18){ }if(hours>=18&&hours<24){ }

js根据时间判断输出不同的图片

4、然后使用document.getElementById("这里写id").innerHTML 这个方法:

js根据时间判断输出不同的图片

5、最终的代码:<dt id=&孥恶膈茯quot;nihaome"><img src="你的路径,也可以不髦芎埙玳填,因为下面的方法会重写这里" alt=""></dt><script>var ab=new Date();var hours = ab.getHours();if(hours>=8&&hours<12){ num1="<img src='图片路径'/>";document.getElementById("nihaome").innerHTML=num1; }if(hours>=12&&hours<18){ num1="<img src='图片路径'/>";document.getElementById("nihaome").innerHTML=num1; }if(hours>=18&&hours<24){num1="<img src='图片路径'/>";document.getElementById("nihaome").innerHTML=num1; }</script>

js根据时间判断输出不同的图片
© 手抄报圈