html页面显示年月日时分秒和星期几的两种方式

  Js代码

  

复制代码 代码如下:

  //-----------------------------方式一---------------------------------------------

  <html>

  <head>

  <script type="text/javascript">

  function startTime(){

  var today=new Date();

  var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");

  var n_day=today.getDay();

  switch(n_day){

  case 0:

  {strDate=strDate+" 星期日 "}break;

  case 1:

  {strDate=strDate+" 星期一 "}break;

  case 2:

  {strDate=strDate+" 星期二 "}break;

  case 3:

  {strDate=strDate+" 星期三 "}break;

  case 4:

  {strDate=strDate+" 星期四 "}break;

  case 5:

  {strDate=strDate+" 星期五 "}break;

  case 6:

  {strDate=strDate+" 星期六 "}break;

  case 7:

  {strDate=strDate+" 星期日 "}break;

  }

  //增加时分秒

  // add a zero in front of numbers<10

  var h=today.getHours();

  var m=today.getMinutes();

  var s=today.getSeconds()

  m=checkTime(m);

  s=checkTime(s);

  strDate=strDate+" "+h+":"+m+":"+s;

  document.getElementById('txt').innerHTML=strDate;

  t=setTimeout('startTime()',500)

  }

  function checkTime(i){

  if (i<10) {i="0" + i}

  return i

  }

  </script>

  </head>

  <body onload="startTime()">

  <div id="txt"></div>

  </body>

  </html>

  //--------------------------------方式二-----------------------------------------

  <td class="date">

  <script language="JavaScript" type="text/javascript">

  var today=new Date();

  var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");

  var n_day=today.getDay();

  switch(n_day){

  case 0:

  {strDate=strDate+" 星期日 "}break;

  case 1:

  {strDate=strDate+" 星期一 "}break;

  case 2:

  {strDate=strDate+" 星期二 "}break;

  case 3:

  {strDate=strDate+" 星期三 "}break;

  case 4:

  {strDate=strDate+" 星期四 "}break;

  case 5:

  {strDate=strDate+" 星期五 "}break;

  case 6:

  {strDate=strDate+" 星期六 "}break;

  case 7:

  {strDate=strDate+" 星期日 "}break;

  }

  document.write(strDate);

  </script>

  </td>