js实现时间的显示，且动态刷新

浏览数：20 / 时间：2015年06月09日

<!DOCTYPE html >
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>javascript实例</title>
   </head>
<body>
<h3>javascript实例之Date对象---时间显示</h3>
<div id="did" style="height:30px;width:300px;background:#f60;font-size:19px;text-align:center;line-height:30px"></div>
    <script type="text/javascript">
       //定义一个函数，用于获取时间
       function showDate(){
        //创建一个日期对象
        var dd = new Date();
        //获取当前时间的年月日时分秒
        var year = dd.getFullYear();//获取当前年
        var month = dd.getMonth()+1; //获取当前月 必须加1 因为getMonth()的取值范围是1-11
        var day = dd.getDay();//获取当前天
        var hour =dd.getHours();//获取当前时
        var minute = dd.getMinutes();//获取当前分
        var second = dd.getSeconds();//获取当前秒
          
        //规范秒的输出 如果是前0-9秒，则自动补零
        second = (second<10)?"0"+second:second;
        //拼装日期
        var str =year +"-"+ month +"-"+ day +" "+ hour +":"+ minute +":"+second;
        document.getElementById("did").innerHTML="当前时间是："+str;
        //输出
        //alert(str);
        //document.write(str);
       }
       setInterval("showDate()",1000);
    </script>
</body>
</html>

本文出自 “梦之翼” 博客，转载请与作者联系！

js实现时间的显示，且动态刷新,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js实现时间的显示，且动态刷新