根据时间更改照片和问候语（js）

原创于 2021-08-10 22:52:35 发布 · 154 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #html5

前端专栏收录该内容

46 篇文章

订阅专栏

<style>
    img{
        width:200px
}
</style>    
<body>
    <img src="images/s.gif" alt="">
    <p>上午好</p>
       <script>
        var img = document.querySelector('img')   //获取事件源
        var p = document.querySelector('p')        //获取事件源
        var date= new Date                        //获取当前世间
        var h = date.getHours()
        if(h < 12){
            img.src='images/s.gif'    //当时间小于12时，将图片换成上午的，问候语改成上午好
            p.innerHTML='上午好'
        }else if( h < 18){
            img.src='images/x.gif'   //当时间小于18时，将图片换成下午的，问候语改成下午好
            p.innerHTML='下午好'
        }else{
            img.src='images/w.gif'  //剩下的世间就改成 晚上的照片 ，问候语 改成晚上好
            p.innerHTML='晚上好'
        }
    </script>
</body>

世间可以更精确的更改，看自己的想法。

分享到这