利用js写一个分时问候

最新推荐文章于 2022-07-01 09:13:05 发布

@山海*

最新推荐文章于 2022-07-01 09:13:05 发布

阅读量2.1k

点赞数 4

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_47612165/article/details/108928344

版权

js 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

在这里插入图片描述

在这里插入代码片
```<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分时问候</title>
</head>
<body>
    <div>
        <img src="上午好.gif" alt="" id="tp">
    </div>
    <script>
        var today = new Date("2019-6-15 12:00");
       //document.write(today);括号里面可以设置时间，如果不写，则为默认时间
       var today = new Date();
        var time = today.getHours();
        var aa = document.getElementById("tp")
        if (time>=0 && time<12){
            aa.src="1.gif"
            document.write('亲，上午好，好好写代码')
        }else if(time>=12 && time<18){
            aa.src="2.gif"
            document.write('亲，下午好，好好写代码')
        }else{
            aa.src="3.gif"
            document.write('亲，晚上好，好好写代码')
        }   
    </script>
</body>
</html>

@山海*

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
利用js写一个分时问候

在这里插入代码片```<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>分时问候</title></head><body> &l...
复制链接

扫一扫

专栏目录