【JavaScript】案例：分时显⽰不同图⽚，显⽰不同问候语
题⽬：
根据不同时间，页⾯显⽰不同图⽚，同时显⽰不同的问候语
经销商和代理商的区别1、如果是上午时间打开页⾯显⽰上午好，显⽰上午的图⽚
2、如果是上午时间打开页⾯显⽰上午好，显⽰上午的图⽚
3、如果是上午时间打开页⾯显⽰上午好，显⽰上午的图⽚
分析：
1、根据系统不同时间来判断，所以需要⽤到⽇期内置对象
2、利⽤多分⽀语句来设置不同的图⽚
3、需要⼀个图⽚，并且根据时间修改图⽚，就需要⽤到操作元素的src属性
丝袜花制作方法4、需要⼀个div元素，显⽰不同问候语，修改元素内容即可
<body>教师节的画怎么画又简单又漂亮
<img src="/img/zaoan.png" alt="">
48小时核酸证明需要纸质的吗<div>上午好</div>
<script>
//获取元素
中国最厉害武器是什么var img1 = document.querySelector('img');
var div1 = document.querySelector('div');
//注册事件：获取⼩时数
var date =new Date();
var h = Hours();
if(h <12){
img1.src ='/img/zaoan.png';
div1.innerHTML ="亲，早上好呀~~";倩女幽魂射手技能
}else if(h <18){
img1.src ="/img/wuan.png";
div1.innerHTML ="亲，中午好啊~~";
}else{
img1.src ='/img/wanan.png';
div1.innerHTML ="亲，晚上好啊~~";
}
</script>
结果：
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论