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>

,, 将上面的代码复制完以后 大家来看看浏览器中的效果吧!




posted on 2016-08-22 11:14  如果蜗牛有爱情  阅读(538)  评论(0编辑  收藏  举报

导航