码迷,mamicode.com
首页 > 其他好文 > 详细

案例:根据系统不同时间来判断是上午、下午和晚上,并展示不同的图片

时间:2020-05-21 22:32:54      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:lse   query   并且   class   ack   round   根据   new   sele   

<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 = 亲,上午好;
    } else if (h < 18) {
        img.src = images/x.gif;
        div.innerHTML = 亲,下午好;
    } else {
        img.src = images/w.gif;
        div.innerHTML = 亲,晚上好;
    }
</script>

 

案例:根据系统不同时间来判断是上午、下午和晚上,并展示不同的图片

标签:lse   query   并且   class   ack   round   根据   new   sele   

原文地址:https://www.cnblogs.com/zcy9838/p/12933952.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!