时间对象-JS基础

2020-12-02 14:56:02 浏览数 (1)

一、初见日期对象

1.创建一个日期对象

代码语言：javascript复制
var 日期对象名 = new Date();

var：用来声明一个变量。 new：创建一个日期对象，必须使用new关键字。 Date()：调用构造函数。

2.Date对象的方法

Date对象的方法很多，但主要分为两大类：

  • getXxx(): 用于获取时间。
  • setXxx(): 用于设置时间。
（1）获取时间

方法

说明

getFullYear()

获取年份，返回值为 4 位数字。

getMonth()

获取月份，返回值为 0(一月)到11(十二月)之间的整数。(注意：正确的月份要 1)

getDate()

获取日数，返回值为 1~31之间的整数。

getHours()

获取小时数，返回值为 0~23之间的整数。

getMinutes()

获取分钟数，返回值为 0~59之间的整数。

getSeconds()

获取秒数，返回值为 0~59之间的整数。

（2）设置时间

方法

说明

setFullYear()

可设置 年、月、日。

setMonth()

可设置 月、日。

setDate()

可设置 日。

setHours()

可设置 时、分、秒、毫秒。

setMinutes()

可设置 分、秒、毫秒。

setSeconds()

可设置 秒、毫秒。

二、怎么做？

1.操作年、月、日

在javascript中，我们可以使用getFullYear()、getMonth()、getDate()这3种方法分别获取当前时间的年、月、日。

（1）获取年月日
① 语法格式

日期对象名.getFullYear()

日期对象名.getMonth()

日期对象名.getDate()

② 示例
Ⅰ.显示当前时间的年月日
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();                  // 创建日期对象
            var myYear = date.getFullYear();        // 获取当前时间的年
            var myMonth = date.getMonth()   1;      // 获取当前时间的月
            var myDay = date.getDate();             // 获取当前时间的日
            
            document.write("今年是" myYear "年" myMonth "月" myDay "日" "</br></br>" "心儿归 日落西风又在吹"
                         "</br>" "思故乡 故有一场落花殇" "</br>" "雁南方 迎来一回十月霜");          
        </script>
    </head>
    <body>
    </body>
</html>

显示当前时间的年月日.png

Ⅱ.打招呼
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();  // 创建日期对象
            var hour = date.getHours();
            
            if(hour < 12){
                document.write("早安呦"   hour);       
            }
            else if(hour >= 12 && hour <= 18){
                document.write("午安呦"   hour);
            }
            else{
                document.write("晚安呦"   hour);
            }
        </script>
    </head>
    <body>
    </body>
</html>

打招呼.png

（2）设置年月日

我们可以使用setFullYear()、setMonth()、setDate()这3种方法分别设置当前日期对象的年、月、日。

① setFullYear()

可以用来设置年、月、日。

Ⅰ.语法格式

日期对象名.setFullYear(year,month,day);

Ⅱ.说明

  • year：必选参数，用一个 4 位的整数标识，如：2020、2021等
  • month：可选参数，用0~11的整数表示。
  • day：可选参数，用1~31之间的整数来表示。
② setMonth()

可以用来设置月、日。

Ⅰ.语法格式

日期对象名.setMonth(month,day);

Ⅱ.说明

  • month：必选参数，用0~11的整数表示。
  • day：可选参数，用1~31之间的整数来表示。
③ setDate()

可以用来设置日。

Ⅰ.语法格式

日期对象名.setDate(day);

Ⅱ.说明

  • day：必选参数，用1~31之间的整数来表示。
④ 示例
Ⅰ.例1
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();          // 创建日期对象
            
            date.setFullYear(2020,4,20);    //月份会自动加1，变为5月  
            document.write("长长久久<br/><br/>" date);      
        </script>
    </head>
    <body>
    </body>
</html>

设置年月日.png

（3）注意

getFullYear()只能获取年，但setFullYear()却可以同时设置年、月、日。同理，setMonth() 和 setDate()也这个特点。

2.操作时、分、秒

在javascript中，我们可以使用getHours()、getMinutes()、getSeconds()这3种方法分别获取当前时间的时、分、秒。

（1）获取时分秒
① 语法格式

时间对象名.getHours()

时间对象名.getMinutes()

时间对象名.getSeconds()

② 示例
Ⅰ.显示当前的时分秒
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();  // 创建日期对象
            var myHours = date.getHours();
            var myMinutes = date.getMinutes();
            var mySeconds = date.getSeconds();
            
            document.write("现在是" myHours "时" myMinutes "分" mySeconds "秒" "</br></br>" "心儿归 日落西风又在吹");           
        </script>
    </head>
    <body>
    </body>
</html>

显示当前的时分秒.png

（2）设置时分秒

我们可以使用setHours()、setMinutes()、setSeconds()这3种方法分别设置当前时间的时、分、秒、毫秒。

① setHours()

可以用来设置时、分、秒、毫秒。

Ⅰ.语法格式

时间对象名.setHours(hour,min,sec,millsec);

Ⅱ.说明

  • hour：必选参数，表示时，取值为0~23之间的整数。
  • min：可选参数，表示分，用0~59之间的整数表示。
  • sec：可选参数，表示秒，用0~59之间的整数表示。
  • millsec：可选参数，表示毫秒，用0~59之间的整数表示。
② setMinutes()

可以用来设置分、秒、毫秒。

Ⅰ.语法格式

时间对象名.setMinutes(min,sec,millsec);

Ⅱ.说明

  • min：必选参数，表示分，用0~59之间的整数表示。
  • sec：可选参数，表示秒，用0~59之间的整数表示。
  • millsec：可选参数，表示毫秒，用0~59之间的整数表示。
③ setSeconds()

可以用来设置秒、毫秒。

Ⅰ.语法格式

时间对象名.setSeconds(sec,millsec);

Ⅱ.说明

  • sec：必选参数，表示秒，用0~59之间的整数表示。
  • millsec：可选参数，表示毫秒，用0~59之间的整数表示。
④ 示例
Ⅰ.例1
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();  // 创建日期对象
            
            date.setHours(13,14,52);    
            document.write("今昔几何?<br/>" date);      
        </script>
    </head>
    <body>
    </body>
</html>

设置时分秒.png

（3）注意

getHours()只能获取小时，setHours()却可以同时设置时、分、秒、毫秒。同理，setMinutes() 和 setSeconds()也这个特点。

3.获取星期几

在javascript中，我们可以使用getDay()获取表示今天是星期几的一个数字。

（1）语法格式

时间对象名.getDay();

① 说明

getDay()返回一个数字，其中0表示星期日（在国外，一周是从星期日开始的），1表示星期一，......

② 示例
Ⅰ.今天星期几?
代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();  // 创建日期对象
            var weekday = date.getDay();

            document.write("今昔几何?<br/>"  "星期"   weekday);       
        </script>
    </head>
    <body>
    </body>
</html>

getDay()今天星期几.png

Ⅱ.将返回的数字转换为中文

我们知道getDay()返回的是一个数字，若我们想要将数字转换为中文，该如何做呢？

代码语言：javascript复制
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            var date = new Date();  // 创建日期对象
            var weekdays = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

            document.write("今昔几何?<br/>"   weekdays[date.getDay()]);     
        </script>
    </head>
    <body>
    </body>
</html>

getDay()返回汉字.png

先定义一个数组weekdays，用来存储中文的星期几。再借助getDay()方法返回的数字作为数组的的下标来获取。 注意：数组下标从0开始。

javascript date min png

0 人点赞