html5之获取当前时间进行提示

milijiangjun

于 2017-09-11 16:38:32 发布

阅读量7.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： # html5

本文链接：https://blog.youkuaiyun.com/milijiangjun/article/details/77934758

html5 专栏收录该内容

232 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码能够根据当前时间显示个性化的问候语，并结合localStorage获取用户名，为用户提供更加贴心的交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码如下：

//页面加载的时候的
        function LoadTime() {
            var time = new Date();
            var checktime = time.getHours();
            var setLoadTime = "";
            if (checktime < 8) {
                setLoadTime = "亲爱的" + window.localStorage.getItem('username') + "  :<br/>现在是早晨.美好的一天即将开始."
            } else if (checktime >= 8 && checktime <= 12) {
                setLoadTime = "亲爱的" + window.localStorage.getItem('username') + "  :<br/>现在是上午.充满激情的开始."
            } else if (checktime > 12 && checktime <= 20) {
                setLoadTime = "亲爱的" + window.localStorage.getItem('username') + "  :<br/>现在是下午.让我们领略人生得真谛."
            } else if (checktime > 20 && checktime <= 24) {
                setLoadTime = "亲爱的" + window.localStorage.getItem('username') + "  :<br/>现在是晚上.注意合理调节休息."
            }
            document.getElementById("SelectHymn").innerHTML = setLoadTime;


        }