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];
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章