开启辅助访问
帐号登录 |立即注册

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

 
<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>

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。