日期对象

在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 lang="en">
<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 id="time"></div>
</body>
</html>

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

 

 

 

 

 

 

 

 

 

 

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



内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!

相关课程