JS实现一天不同时段问候语

有图有真相:

图片样式以及日期格式自己调整哦

    $(function(){
		greeting();
	});
	
	function greeting(){
	    //创建一个日期对象
	    var dd= new Date();
	    var st =document.getElementById("hid");
	    $("#currentdate").text(fmtDate(dd));
	    var hour =dd.getHours();//获取当前时
	    if(hour>5 && hour<=11){//早上
	       	$("#greetimg").attr("src","${basePath}image/greet_moring.png");
	    	$("#greetword").text("一日之计在于晨,越早预约办理,越早通过!");
	    }else if(hour>11 && hour<=14){//中午
	       	$("#greetimg").attr("src","${basePath}image/greet_noon.png");
	    	$("#greetword").text("午休时间,您要保持睡眠哦!");
	    }else if(hour>14 && hour<=19){//下午
	      	$("#greetimg").attr("src","${basePath}image/greet_afternoon.png");
	    	$("#greetword").text("祝您下午工作愉快!");
	    }else if(hour>19 && hour<=24 || hour>0 && hour<=5 ){//晚上
	    	$("#greetimg").attr("src","${basePath}image/greet_night.png");
	    	$("#greetword").text("还没休息啊,要注意身体哦!");
	    }else{//凌晨
	    	$("#greetimg").attr("src","${basePath}image/greet_night.png");
	    	$("#greetword").text("凌晨啊,注意肾哦!");
	    }
	}
	//格式化日期(2019年08月02日 星期五)
	function fmtDate(date) {
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        m = m < 10 ? ('0' + m) : m;
        var d = date.getDate();
        d = d < 10 ? ('0' + d) : d;
        var myddy=date.getDay();//获取存储当前日期
  		var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        return y + '年' + m + '月' + d+'日 '+weekday[myddy];
    }

 

你可能感兴趣的:(JS,日期格式化)