Jacascript 同步服务器时间与页面-白红宇

Jacascript 同步服务器时间与页面

阅读量：4097 次

发布时间：2019-05-25

本文共 1506 字，大约阅读时间需要 5 分钟。

将以下的代码放置html页面中！

[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>  