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

  • Eclipse启动tomcat之后无法访问项目
  • Myeclipse不能启动报错
  • 图解Windows下使用DM管理工具创建视图
  • js怎么获取html代码里的变量?
  • Word文档中如何输入微积分公式?
  • 热门搜索
    你会怎么做 腰间盘突出怎么冶 录屏怎么录声音 美联英语怎么样 灌汤包的做法视频 为什么你要走 电脑怎么看配置 welcome怎么读 五谷豆浆的做法 为什么我们相遇网络