时间/日期

来源：互联网发布：吉威时代知乎编辑：程序博客网时间：2024/05/15 22:27
<!DOCTYPE html><html>    <head>        <meta charset="utf-8">        <title></title>        <style type="text/css">        </style>    </head>    <body>        <div id="a"></div>        <div id="b"></div>        <div id="d"></div>        <div id="e"></div>        <div id="f"></div>        <div id="g"></div>        <div id="h"></div>        <script type="text/javascript">           /*获取时间*/            var mydate=new Date();             document.getElementById("a").innerHTML=mydate;            /*格式化时间*/            var mydate1=new Date();            document.getElementById("b").innerHTML=mydate1.getFullYear()+"年"+mydate1.getMonth()+"月"+mydate1.getDate()+"日，"+mydate1.getHours()+"点"+mydate1.getMinutes()+"分"+mydate1.getSeconds()+"秒,周"+mydate1.getDay();            /*格式化时间升级版*/            var mydate2=new Date();            var _that=mydate2;            /*封装*/            var Y=_that.getFullYear();            var M=_that.getMonth();            var D=_that.getDate();            var H=_that.getHours();            var F=_that.getMinutes();            var S=_that.getSeconds();            var Z=_that.getDay();            /*输出*/            document.getElementById("d").innerHTML=Y+"年"+M+"月"+D+"日，"+H+"点"+F+"分"+S+"秒，周"+Z;            /*以上时间的格式都为Date类型，下边我将转为字符串类型*/            var mydate3=new Date();             document.getElementById("e").innerHTML=mydate.toUTCString();        </script>           <!-- 动态时间-->        <script type="text/javascript">            function  startTime(){            var mydate4=new Date();            var _that=mydate4;            /*封装*/            var H=_that.getHours();            var F=_that.getMinutes();            var S=_that.getSeconds();            /*输出*/            document.getElementById("f").innerHTML=H+"点"+F+"分"+S+"秒";            /*本函数及时循环执行*/            t=setTimeout('startTime()',500)/*setTimeout（Timing的即使执行函数）:表示每0.5秒刷新执行一次startTime()*/            }            window.onload = startTime;        </script>         <!-- 动态时间优化版-->        <script type="text/javascript">            function  startTime1(){            var mydate5=new Date();            var _that=mydate5;            /*封装*/            var H=_that.getHours();            var F=_that.getMinutes();             var S=_that.getSeconds();            //调用checkTime方法，对F、S进行检查             F=checkTime(F)             S=checkTime(S)            /*输出*/            document.getElementById("g").innerHTML=H+"点"+F+"分"+S+"秒";            /*本函数及时循环执行*/            t=setTimeout('startTime1()',500)/*setTimeout（Timing的即使执行函数）:表示每0.5秒刷新执行一次startTime()*/            }            //在小于10的数字前面加一个0            function checkTime(i){                if (i<10)                   {i="0" + i}                  return i            }            //执行两个动态时间函数：为啥startTime()也要写在这儿，应为window.onload每个页面只允许出现一次，所以最好是集中写在一起执行            window.onload=function(){                startTime();                startTime1();            }        </script>        <script type="text/jscript">            <!--自定义日期-->            var mydate6=new Date();             mydate6.setFullYear(2008,7,9);            document.getElementById("h").innerHTML=mydate6;        </script>    </body></html>
0 0