Js日期函数

来源：互联网发布：剑灵范冰冰捏脸数据编辑：程序博客网时间：2024/05/22 00:41

<!doctype html>
<html>
   <head>
       <title>日期函数</title>
       <style type="text/css">
           *{
               font-size:50px;
           }
       </style>
       <script type="text/javascript">
           function test1 (){
               for(var i=0;i<10;i++){
                   document.write("<hr color='red' />");
               }
           }
           function testDate (){
               var date = new Date();
               var y = date.getFullYear(); //获取年份
               var m = date.getMonth()+1; //获取月份(0-11)
               var d = date.getDate(); //获取日

               var h = date.getHours(); //小时
               var mi = date.getMinutes(); //分钟
               var s = date.getSeconds();//秒
               var w = date.getDay(); //星期
               //处理分秒星期的数字
               if(mi<10){
                   mi = "0"+mi;
               }
               if(s<10){
                   s = "0"+s;
               }
               switch(w){
               case 1:
                   w = "一";
               break;
               case 2:
                   w = "二";
               break;
               case 3:
                   w = "三";
               break;
               case 4:
                   w = "四";
               break;
               case 5:
                   w = "五";
               break;
               case 6:
                   w = "六";
               break;
               case 0: //星期是从 0-6
                   w = "日";
               break;
               default:

               }

               var divObj = document.getElementById("divvv");

               divObj.innerHTML = y+"年"+m+"月"+d+"日 "+h+" : "+mi+" : "+s+" 星期"+w;

               //★★★★一秒过后, 调用自己啊
               //方法里面调用自己, 递归
               setTimeout("testDate()",1000);

           }
           function getHTML (){
               //通过id号找到对应的网页元素
               var divObj = document.getElementById("divvv");
               //alert(divObj.innerHTML); 获取
               divObj.innerHTML = "新的innerHTML参数";

           }
           function getTime (){
               setTimeout("testDate()",3000);
           }
       </script>
   </head>
   <body>
       <input type="button" value=" 3秒过后时间显示 " onclick = "getTime()">
       <h1>AAAAAAAAAAAA</h1>
       <h1>BBBBBBBBBBB</h1>
       <h1>CCCCCCCCCCCCCC</h1>
       <h1>DDDDDDDDDDDDDDD</h1>
       <h1>EEEEEEEEEEEEEE</h1>
       <input type="button" value=" 看看write() " onclick="test1()">
       <input type="button" value="查看时间对象" onclick="testDate()">
       <input type="button" value="获取一对标签中的内容" onclick="getHTML()">
       <div id="divvv">
           大家好
       </div>
   </body>
</html>

0 0