页面动态生成时间

页面动态生成时间

页面动态生成时间,显示当前的年月日星期等 信息,好久都没用了好像不太会了,整了半天才整出来,整理下方便下次使用。例子如下:

<!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>
 <script type="text/javascript">
       //动态显示时间
     function displayTime()
  {
       //创建当前时间 也可创建你想要显示的时间 如 var date =new Date("2015-07-04");
       var date = new Date();
    //得到年月日
    var year = date.getFullYear();
    var moth = date.getMonth()+1;
    var day  = date.getDate();
    //得到时分秒
    var hour = date.getHours();
    var minutes = date.getMinutes();
    var second = date.getSeconds();
    //得到星期并判断
    var d ;
     switch(date.getDay())
    {
        case 0 :
           d = "星期日";
        break;
    case 1 :
           d = "星期一";
        break;
    case 2 :
           d = "星期二";
        break;
       case 3 :
           d = "星期三";
        break;
    case 4 :
           d = "星期四";
        break;
    case 5 :
           d = "星期五";
        break;
    case 6:
           d = "星期六";
        break; 
    }
     var nowTime = "当前时间为:" + year +"年"+ moth +"月"+ day+"日"+ d + hour +"时"+ minutes +"分"+
      second+"秒" +   (hour>12?"PM":"AM");
      document.form1.txtDate.value=nowTime;
      setTimeout("displayTime()",1000);
  }
 </script>
 <style type="text/css">
<!--
.STYLE3 {font-size: 18px}
-->
 </style>
</head>

<body onload="displayTime()">
<form id="form1" name="form1" method="post" action="">
  <table width="100%" border="0">
    <tr>
      <th align="center" scope="col"><span class="STYLE3">动态显示时间&nbsp;</span></th>
    </tr>
    <tr>
      <td width="100%"  align="center" valign="middle" ><input name="txtDate"  type="text" id="txtDate" style="border:1px solid #CCFFCC;text-align:center;height:30px;background-color:#CCFFCC;" size="100%"
 /></td>
    </tr>
  </table>
</form>
</body>

</html>



你可能感兴趣的:(页面动态生成时间)