JS根据当前时间，显示不同的文字和图片信息

admin · 2022-10-25 21:48:12

<body>
<img src= " images/s.gif" alt="">
<div>上午好</div>
<script>

//根据系统不同时间来判断，所以需要用到日期内置对象
//利用多分支语句来设置不同的图片
//需要一个图片，并且根据时间修改图片，就需要用到操作元素src属性
//需要一个div元素，显示不同问候语，修改元素内容即可

// 1.获取元素
var img = document . querySelector( 'img " );
var div = document . querySelector( 'div' );

//2.得到当前的小时数
var date =new Date ();
var h = date. getHours();

// 3.判断小时数改变图片和文字信息
if(h<12){
img.src = ' images/s.gif';
div. innerHTML = '亲，上午好，好好写代码';
}elseif(h<18){
img.src = ' images/x. gif';
div. innerHTML = '亲，下午好，好好写代码';
} else {
img.src =
' images/w.gif';
div. innerHTML = '亲，晚上好，好好写代码';
}
</script>
</body>

		自动登录	找回密码
密码			立即注册

JS根据当前时间，显示不同的文字和图片信息

0 个回复

快速回复

admin

楼主热帖

标签云

艾Q网