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

Posted 萌新北笙

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用JavaScript实现不同时间 显示不同问候语相关的知识,希望对你有一定的参考价值。

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();
}

以上是关于利用JavaScript实现不同时间 显示不同问候语的主要内容,如果未能解决你的问题,请参考以下文章

为不同的屏幕尺寸提供不同的图片(为那些没有必要下载全尺寸大图的设备节省带宽)

原生JavaScript实现切换tab显示不同的样式

原生JavaScript实现切换tab显示不同的样式

利用argument对象在javaScript中实现重载(overload)

利用JavaScript来实现用动态检验密码强度

面向对象在JavaScript中的接口实现