一号优惠经验分享网
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福利网
<script>
        var p = document.querySelector('p');
        var date = new Date();
        var time = date.getHours();
       	if(time>=8 && time<=17){
            p.innerHTML = '工作时间';
        }  else {
            p.innerHTML = '下班时间';
        }
    </script>

一号优惠 · 51福利网薅羊毛福利具有时效性,如已失效,请留言
文章名称:《JS代码:根据不同时间显示不同的文字》-一号优惠 · 51福利网
免责申明:本站所有活动信息均来自网络,如有失效、违规、不实或侵权,请联系我们删除。谢谢

评论 抢沙发

一号优惠经验分享网最新最全薅羊毛,现金红包线报网

一号优惠经验分享网提供每日最新内部优惠,薅羊毛活动,现金红包领取,免费福利和网赚福利手机赚钱线报,打造中国最受欢迎的网赚信息发布平台!51福利网

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

登录

找回密码

注册