jsp 导航栏显示日期和星期几

通过js可以实现jsp页面显示动态时间+星期几

1.jsp代码

 function getTime(){
		 	//获取系统日期
		 	 var now =new Date();
		 	 //月
		 	 var month=now.getMonth()+1;
		 	 //星期
		 	 var week =now.getDay();
			 var s ="";
			 switch(week){
			  case 0: s = "星期日";break;
			  case 1: s = "星期一";break;
			  case 2: s = "星期二";break;
			  case 3: s = "星期三";break;
			  case 4: s = "星期四";break;
			  case 5: s = "星期五";break;
			  case 6: s = "星期六";break;
			}
		 	 //日
	        var day=now.getDate();
	        //小时
	        var hour=now.getHours();
	        //分钟
	        var minute=now.getMinutes();
	        //秒
	        var second=now.getSeconds();
	        
	         if(day<10){
	        	day="0"+day;
	        }
	         if(hour<10){
	        	hour="0"+hour;
	        }
	         if(minute<10){
	        	minute="0"+minute;
	        }
	         if(second<10){
	        	second="0"+second;
	        }
	        return month+"月"+day+"日 "+"  "+hour+":"+minute+":"+second+"  "+s;
		 }
		  function onLoad(){
        	var timeStr = getTime();
        	$("#serverTime").attr("value",timeStr);
       		 setTimeout(onLoad,1000);
    	}

2.页面上加一个文本框（为了好看可以设置去处边框，背景色和导航栏背景色相同，disabled等属性）

 <h1>
                    	 <input id="serverTime" type="text" style="border:none;background:#fbfbfb;width:350px;" value="" disabled />
                    </h1>

3.效果展示