通过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.效果展示