利用JavaScript实现不同时间 显示不同问候语

Posted 2021-05-08 萌新北笙

javascript

window.onload =function(){
    function nowtime(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1;//月份需加1
        var day = date.getDate();
        // var week = date.getDay(); //如需使用if语句 请删除注释
        // var h = 0; 定义小时为XX，检测是否能正常运行。
        var h = date.getHours();
        var m = date.getMinutes();
        var s = date.getSeconds();
        var week;
        switch (date.getDay()) {
            case 0:
                week = "星期天";
                break;
            case 1:
                week = "星期一";
                 break;
            case 2:
                week = "星期二";
                 break;
            case 3:
                week = "星期三";
                 break;
            case 4:
                week = "星期四";
                 break;
            case 5:
                week = "星期五";
                 break;
            case 6:
                week = "星期六";
        }
        // if(week === 0) week = "星期日";
        // if(week === 1) week = "星期一";
        // if(week === 2) week = "星期二";
        // if(week === 3) week = "星期三";
        // if(week === 4) week = "星期四";
        // if(week === 5) week = "星期五";
        // if(week === 6) week = "星期六"; //如需使用if语句 请删除注释
        if(month <= 9) month = "0" + month;
        if(day <= 9) day = "0" + day;
        if(h <= 9) h = "0" + h;
        if(m <= 9) m = "0" + m;
        if(s <= 9) s = "0" + s;     //小于等于9时补0
        document.getElementById('nowtime').innerhtml ="当前时间<br>" + year + "年" + month + "月" + day + "日&nbsp;" + week + "<br>" + h + "点" + m + "分" + s + "秒";
        setTimeout(nowtime, 1000);
        switch(true){
            case h ==00 || h >=23 && h<= 24:
                document.title = "午夜啦，早点休息喔";
                document.getElementById('wenhou').innerHTML = "思念不因劳累而改变，问候不因疲惫而变懒，祝福不因休息而变缓，关怀随星星眨眼，牵挂在深夜依然，轻轻道声：祝你晚安！"
                break;
            case h >= 01 && h <= 04:
                document.title = "凌晨啦，注意身体喔";
                document.getElementById('wenhou').innerHTML = "时间不早啦，记得早点休息，保证睡眠质量！"
                break;
            case h >= 05 && h <= 06:
                document.title = "清晨啦，准备迎接新的一天吧";
                document.getElementById('wenhou').innerHTML = "睁开眼，缓一缓；快起床，伸懒腰；笑一笑，美好的一天又开始了。早安，祝你今天好心情，工作顺利，生活甜美！"
                break;
            case h >= 07 && h <= 08:
                document.title = "早上好，记得吃早餐喔";
                document.getElementById('wenhou').innerHTML = "一日之计在于晨,愿我这阳光初露时的小小问候能将快乐带给你,愿你用快乐开启,用微笑结束这美好的一天."
                break;
            case h >= 09 && h <= 10:
                document.title = "上午好，时刻保持好心情呀";
                document.getElementById('wenhou').innerHTML = "上午好，一束阳光照在身，祝你天天都开心，财神家中去，梦想变成真，今天中大奖，明天去上任。"
                break;
            case h >= 11 && h <= 12:
                document.title = "中午好，午餐时间到啦";
                document.getElementById('wenhou').innerHTML = "中午好，到了吃午餐的时间了，吃完午餐记得午睡一小会，保证下午可以有良好的精神状态。"
                break;
            case h >= 13 && h <= 16:
                document.title = "下午好，别太辛苦了";
                document.getElementById('wenhou').innerHTML = "送各位一杯下午茶：以祝福为叶，叮咛做花，热情为水，包容当杯，喝出你一天好心情和一生的幸福，下午愉快！"
                break;
            case h >= 17 && h <= 18:
                document.title = "傍晚啦，看看窗外的风景吧";
                document.getElementById('wenhou').innerHTML = "工作是做不完的，身体可是累得垮的！看看外面的天空吧！"
                break;
            case h >= 19 && h <= 22:
                document.title = "晚上好，准备好进入梦乡啦";
                document.getElementById('wenhou').innerHTML = "睡前请把窗户打开，让“幸福”进来，睡前请把“心情”打开，让“快乐”入驻,睡前请把“思想”放飞，让甜蜜入梦！今晚祝你好梦成真，幸福一生！晚安！"
                break;
        }
        
        // if(h ==00 || h >=23 && h <= 24){
        //     document.title = "午夜啦，早点休息喔";
        // }if(h >= 01 && h <= 04){
        //     document.title = "凌晨啦，注意身体喔";
        // }if(h >= 05 && h <= 06){
        //     document.title = "清晨啦，准备迎接新的一天吧";
        // }if(h >= 07 && h <= 08){
        //     document.title = "早上好，记得吃早餐喔";
        // }if(h >= 09 && h <= 10){
        //     document.title = "上午好，时刻保持好心情呀";
        // }if(h >= 11 && h <= 12){
        //     document.title = "中午好，午餐时间到啦";
        // }if(h >= 13 && h <= 16){
        //     document.title = "下午好，别太辛苦了";
        // }if(h >= 17 && h <= 18){
        //     document.title = "傍晚啦，看看窗外的风景吧";
        // }if(h >= 19 && h <= 22){
        //     document.title = "晚上好，准备好进入梦乡啦";
        // }
        // console.log(h); //输出数据
    }
    nowtime();
}