51福利网
各种薅羊毛福利分享福利网

JS代码:根据不同时间显示不同的文字

这个功能在网站上很普遍,比如说,在早上提示早上好,到了晚上就提示该休息了,主要方法还是运用Date对象来实现。
就直接上代码了

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            background-color: #bfc;
        }
    </style>
</head>

<body>
    <p></p>
    <script>
        var p = document.querySelector('p');
        var date = new Date();
        var time = date.getHours();
        if (time < 5) {
            p.innerHTML = '别工作到太晚';
        } else if (time < 12) {
            p.innerHTML = '早上好,请努力工作';
        } else if (time < 17) {
            p.innerHTML = '下午好,别犯困了';
        } else {
            p.innerHTML = '晚上到了,好好休息吧';
        }
    </script>
</body>

</html>

51福利网
赞(0) 打赏
51福利网薅羊毛福利具有时效性,如有失效,请留言
文章名称:《JS代码:根据不同时间显示不同的文字》-51福利网
文章链接:https://www.51wuditu.com/11126
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

Hi, 请登录     我要注册

亚青文化·51福利网最新最全薅羊毛,现金红包线报网

51联盟线报群赚钱·合作·帮助

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏