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

2025-11-16 16:33:02

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢