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

时间:2026-02-15 01:23:33

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

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

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

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

2、然后首先要获取时间的方法:

var ab=new Date();

var hours = ab.getHours();

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

3、然后写一下判断:

if(hours>=8&&hours<12){

  

}

if(hours>=12&&hours<18){

   

}

if(hours>=18&&hours<24){

}

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

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

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

5、最终的代码:

<dt id="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根据时间判断输出不同的图片

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com