Javascript 对象 - 日期对象

日期对象

在JavaScript中提供了Data对象,用于处理和日期有关的内容。通过Data对象可以获取系统时间、设置时间等。Data对象也具有prototype和constructor属性。

1创建日期

创建日期的方法有多种,下面介绍几种常用的方法。

  --可以使用下列语句,创建一个对象表示系统当前的日期和时间;

    var date = new Date();

  --可以使用字符串类型的参数,指定日期和时间及具体的格式

    var date = new Date("MM/dd/yyyy HH:mm:ss");

  --可以使用整型参数,创建距离JavaScript内部定义的起始时间1970年1月1日的某一毫秒的日期和时间

   var date = new Date(milliseconds);

  --可以使用构造函数创建日期,其参数可以为2-7个,依次按照year month day hours minutes seconds milliseconds匹配。

    var date = new Date(year,month);

    var date = new Date(year,month,day);

    var date = new Date(year,month,day,hours);

    var date = new Date(year,month,day,hours,minutes);

    var date = new Date(year,month,day,hours,minutes,seconds);

    var date = new Date(year,month,day,hours,minutes,seconds,milliseconds);

2.日期对象的属性和方法

方法:

  getFullYear() 获取4位数的年份

  getMonth() 获取月份,从0开始的

  getDate()       获取日(1-31)

  getDay()        获取星期 0-6

  getHours()       获取小时

  getMinutes()      获取分钟

  getSeconds()      获取秒

  setFullYear() 设置

  setMonth()

  setDate()

  setDay()

  setHours()

  setMinutes()

  setSecends()

  d.toLocaleString() 年月日时分秒 将时间类型转换成字符串

  d.toLocaleDateString() 年月日

  d.toLocaleTimeString() 时分秒

利用Date()对象实现客户端动态时钟,例如:

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function showTime() {
            var date = new Date();
            var str;
            str = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + "&nbsp;";
            str += full(date.getHours()) + ":" + full(date.getMinutes()) + ":" + full(date.getSeconds());
            document.getElementById("time").innerHTML = str;
        }
        function full( n ) {
            if ( n<10 ){
                n ="0" + n;
            }
            return n;
        }
        window.setInterval("showTime()",1000);
    </script>
</head>
<body>
<div ></div>
</body>
</html>

注意:尽量不要在setInterval()方法调用document.write()方法,因为setInterval()方法调用的函数执行document.write()输出非html标签的内容时,会重新生成页面,此时页面中已不存在JavaScript脚本,因此不能重复执行,可以通过更改div的innerhtml来实现。

特此声明:如需转载请注明出处,如有疑问请及时提出以便于改正,如有侵权,联系删除,谢谢