JavaScript常用内置对象Date、Number、String、Array、Boolean、Math
一、Date
1、创建Date对象的方式
创建方式 | 描述 |
---|---|
var d = new Date() | 以当前时间创建日期对象,可以用于获取当前系统时间 |
var d = new Date(milliseconds) | 返回从 1970 年 1 月 1 日至今的毫秒数,var d = new Date(1000),会返回1970年1月1日08:00:01,参数单位是毫秒 |
var d = new Date(dateString) | dateString的格式为"2020-6-16 00:00:00"或者"6 18 2020 00:00:00" |
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds) | 这种方式传入的month是从0开始计数的 |
2、Date对象常用方法
方法 | 描述 |
---|---|
getFullYear() | 从 Date 对象以四位数字返回年份,比如“1970” |
getMonth() | 返回月份,该方法返回的月份是从0开始计数的,当要获取当前月份应:d.getMonth()+1 |
getDate() | 返回日期对象中一个月的某一天,从1到31 |
getDay() | 返回日期对象中一周中的某一天的英文单词,从0-6,0代表的是星期日 |
getTime() | 返回1970年1月1日至创建的日期对象的毫秒数,可以通过计算获取两个时间之间的时间差 |
3、Date对象使用实例之倒计时
制作一个倒计时,其中倒计天、小时、分钟和秒,步骤如下:
(1)在页面放一个div用于显示倒计时:
<div class="time">
<span class="day">a </span>天
<span class="hour">a </span>:
<span class="minuts"> a</span>:
<span class="seconds">a </span>
</div>
(2)获取到div中的span元素:
let time_day = document.querySelector(".day");
let time_hour = document.querySelector(".hour");
let time_minuts = document.querySelector(".minuts");
let time_seconds = document.querySelector(".seconds");
(3)创建截止时间,获取当前时间:
let end = new Date('2020-6-18 00:00:00');//截止时间
let currentTime = new Date();//当前时间
(4)计算当前时间与截止时间的时间差:
let time = end - currentTime;//以毫秒数返回时间差
(5)通过时间差计算出天、小时、分钟、秒:
let day = Math.floor(time / 1000 / 60 / 60 / 24 % 24);//天数
//以得到的总小时数/24换算成天数进行显示
let hour = Math.floor(time / 1000 / 60 / 60 % 24);//小时
//以得到的总分钟/60换算成小时数,再对24取余得到不足一天的小时数作为相差小时数显示
let minuts = Math.floor(time / 1000 / 60 % 60);//分钟
//以得到的总秒数/60换算成总共的分钟,再对60取余获取不足一小时的分钟数作为相差的分钟数显示
let seconds = Math.floor(time / 1000 % 60);//秒
//time / 1000计算出总共的秒数,60秒一分钟,对60取余获取不足一分钟的秒数作为相差的秒数显示
(6)将计算得到的天、小时、分钟、秒显示再页面上: