JavaScript常用内置对象Date、Number、String、Array、Boolean、Math

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)将计算得到的天、小时、分钟、秒显示再页面上:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值