码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript的Date对象练习

时间:2015-04-23 19:33:30      阅读:378      评论:0      收藏:0      [点我收藏+]

标签:

一、将一个,符合阅读习惯的日期格式,直接显示在网页上,不用弹出框的形式

  思路:
    1.获取当前日期时间对象
    2.将年月日时分秒,分别获取出来,拼接成字符串的样式

    function getDateDemo(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1;
        var day = date.getDate();
        if(month<10)
            month="0"+month;
        if(day<10)
            day = "0"+day
        var hours = date.getHours()
        var minutes = date.getMinutes();
        var second = date.getSeconds();
        
        //拼接成2014年3月26日 20:23:23
        var dateTime = year+"年"+month+"月"+day+"日"+" "+hours+":"+minutes+":"+second;
        document.write(dateTime);
    }
    getDateDemo();

    扩展:将网页上的时间自动增加(即显示一个时钟),使用window中的setInterval(代码,时间间隔)方法,注意代码要双引号包裹

<script type="text/javascript">
     function getDateDemo(){
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()+1;
        var day = date.getDate();
        if(month<10)
            month="0"+month;
        if(day<10)
            day = "0"+day;
            
        var hours = date.getHours();
        if(hours<10)
            hours = "0"+hours;
            
        var minutes = date.getMinutes();
        if(minutes<10)
            minutes = "0"+minutes;
        
        var second = date.getSeconds();
        if(second<10)
            second = "0"+second;
        var mSecond = date.getMilliseconds();
        
        //拼接成2014年3月26日 20:23:23
        var dateTime = year+"年"+month+"月"+day+"日"+" "+hours+"时"+minutes+"分"+second+"秒"+mSecond;
       // document.write(dateTime);
       
       //通过DOM获取节点方法,找到div节点标签document.getElementById();
       var divNode = document.getElementById("time");
       //使用div的属性:innerHTML
       divNode.innerHTML = dateTime;
    }
       window.setInterval("getDateDemo()",100);
</script>
<style type="text/css">
    div{width:242px;float:left;}</style>
</head>
<body>
    <div id="time"> </div><span>毫秒</span>
</body>

 

 

 

二:对象日期的计算:计算两个时间相隔多少天:2013-2-3————————2014-3-4

  思路:

    将字符串转换成日期对象(毫秒值)使用的是Date对象的parse()方法,将两个毫秒值相减等到的毫秒值/1000/60/60/24   

  注意:

    parse()方法传入的时间格式是月/日/年等合法的格式

    将两个毫秒值相减得到的结果可能是负数,但是时间是没有负数的,所以应该得到的结果毫秒值进行绝对值的转换后在/1000/60/60/24

     function DateDemo(){
         var day1 = ‘2/3/2013‘;
         var day2 = ‘22/6/2014‘;
        
         var time1 = Date.parse(day1);//返回时间的毫秒值
         var time2 = Date.parse(day2);
         
         alert((Math.abs(time2-time1))/1000/60/60/24);
     }
     DateDemo();

 

JavaScript的Date对象练习

标签:

原文地址:http://www.cnblogs.com/LO-ME/p/3582877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!