自动获取时间html5,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;

}