Javascript 对象 - 日期对象

本文深入讲解JavaScript中的Date对象,包括创建日期的多种方法,如使用系统当前时间、指定日期格式的字符串、距离1970年的时间毫秒数,以及使用构造函数。同时介绍了日期对象的属性和方法,如获取和设置年、月、日、时、分、秒,以及将日期转换为字符串格式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

日期对象

在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来实现。

 

 

 

 

 

 

 

 

 

 

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



转载于:https://www.cnblogs.com/CGWTQ/p/9892166.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值