html+js 在页面同步服务器时间
将以下的代码 放置html页面中!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <div id="showtimes"></div> <script type="text/javascript" language="javascript"> function show_cur_times(){ //获取当前日期 var date_time = new Date(); //定义星期 var week; //switch判断 switch (date_time.getDay()){ case 1: week="星期一"; break; case 2: week="星期二"; break; case 3: week="星期三"; break; case 4: week="星期四"; break; case 5: week="星期五"; break; case 6: week="星期六"; break; default:week="星期天"; break; } //年 var year = date_time.getFullYear(); //判断小于10,前面补0 if(year<10){ year="0"+year; } //月 var month = date_time.getMonth()+1; //判断小于10,前面补0 if(month<10){ month="0"+month; } //日 var day = date_time.getDate(); //判断小于10,前面补0 if(day<10){ day="0"+day; } //时 var hours =date_time.getHours(); //判断小于10,前面补0 if(hours<10){ hours="0"+hours; } //分 var minutes =date_time.getMinutes(); //判断小于10,前面补0 if(minutes<10){ minutes="0"+minutes; } //秒 var seconds=date_time.getSeconds(); //判断小于10,前面补0 if(seconds<10){ seconds="0"+seconds; } //拼接年月日时分秒 var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week; //显示在id为showtimes的容器里 document.getElementById("showtimes").innerHTML= date_str; } //设置1秒调用一次show_cur_times函数 setInterval("show_cur_times()",100); </script> <body> </body> </html>
,, 将上面的代码复制完以后 大家来看看浏览器中的效果吧!