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

代码如下：

 

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


        }