页面动态生成时间

最新推荐文章于 2022-08-02 17:48:10 发布

Iamagril

最新推荐文章于 2022-08-02 17:48:10 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/Iamagril/article/details/46753427

版权

页面动态生成时间

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

<!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">

</style>
</head>

<body οnlοad="displayTime()">
<form id="form1" name="form1" method="post" action="">
<table width="100%" border="0">
    <tr>
      <th align="center" scope="col"><span class="STYLE3">动态显示时间 </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>

Iamagril

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
页面动态生成时间

页面动态生成时间页面动态生成时间，显示当前的年月日星期等信息，好久都没用了好像不太会了，整了半天才整出来，整理下方便下次使用。例子如下：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 //动态显示时间
复制链接

扫一扫