Date对象

简介

如果没有输入任何参数，则Date的构造器会依据系统设置的当前时间来创建一个Date对象。

如果提供了至少两个参数，其余的参数均会默认设置为 1（如果没有指定 day 参数）或者 0（如果没有指定 day 以外的参数）。

JavaScript的时间由世界标准时间（UTC）1970年1月1日开始，用毫秒计时，一天由 86,400,000 毫秒组成。Date 对象的范围是 -100,000,000 天至 100,000,000 天（等效的毫秒值）。

Date 对象为跨平台提供了统一的行为。时间属性可以在不同的系统中表示相同的时刻，而如果使用了本地时间对象，则反映当地的时间。

Date 对象支持多个处理 UTC 时间的方法，也相应地提供了应对当地时间的方法。UTC，也就是我们所说的格林威治时间，指的是time中的世界时间标准。而当地时间则是指执行JavaScript的客户端电脑所设置的时间。

创建一个新Date对象的唯一方法是通过new 操作符，若以一个函数的形式来调用 Date 对象（即不使用 new 操作符）会返回一个代表当前日期和时间的字符串。

语法

Date 对象由新的 Date() 构造函数创建。

有 4 种方法创建新的日期对象：

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

倒计时效果

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>// 倒计时效果// 1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能用时分秒相减，比如05分减去25分，结果会出现负数。// 2.用时间戳来做。用户输入时间总的毫秒数减去现在时间总的毫秒数，得到的就是剩余时间的毫秒数。// 3.把剩余时间总的毫秒数转换为天、时、分、秒// 转换格式：// d = parseInt(总秒数 / 60 / 60 / 24);  计算天数// h = parseInt(总秒数 / 60 / 60 % 24);  计算小时// m = parseInt(总秒数 / 60 % 60);       计算分钟// s = parseInt(总秒数 % 60);            计算秒数function countDown(time) {var nowDate = +new Date();   // 返回当前时间总毫秒数var inputDate = +new Date(time);   // 返回用户输入时间总毫秒数var times = (inputDate - nowDate) / 1000;   // 剩余总秒数var d = parseInt(times / 60 / 60 / 24);d = d < 10 ? '0' + d : d;         // 利用三元表达式统一格式，当数字小于10 时在前一位补0var h = parseInt(times / 60 / 60 % 24);h = h < 10 ? '0' + h : h;var m = parseInt(times / 60 % 60);m = m < 10 ? '0' + m : m;var s = parseInt(times % 60);s = s < 10 ? '0' + s : s;return d + '天' + h + '时' + m + '分' + s + '秒'}var date = new Date();console.log(date);console.log(countDown('2022-4-1 00:00:00'));</script>
</head><body></body></html>

JavaScript利用Date对象实现倒计时效果相关推荐

JavaScript利用时间戳实现动态倒计时效果（距离2022年高考倒计时）
主要难度体现在时间戳转成时间零头 <!DOCTYPE html> <html lang="en"><head><meta charset= ...
用html编写输出今天是星期几,利用Date对象编写程序，判断并输出今天是开学的第几周，星期几。...
利用Date对象编写程序,判断并输出今天是开学的第几周,星期几. (function(){ var startDay = new Date(2014,8,1); //根据指定的年月日时分 ...
JavaScript中Date对象在IOS中的坑及解决方案
踩坑记录: 使用vant-ui库中DatetimePicker 时间选择,初始化时间列表或者动态赋值选择时间项时IOS报错: [Vue warn]: Invalid prop: custom vali ...
javascript中Date对象的初始化方法
为什么80%的码农都做不了架构师?>>> 在前端代码中难免会涉及到时间的操作,如何构造一个Date对象呢?javascript为我们提供如下几种方式: new Date(&qu ...
Javascript中Date对象的使用
JavaScript 没有一个基本的日期数据类型,所以我们只能显式地创建Date对象.我们创建新的Date对象和创建String对象的方式是一样的,使用关键字new和Date构造函数.下面这行创建了一 ...
JavaScript的Date对象使用(1)
1.Date对象囊括了一些关于获得日期和时间的属性和方法 2.格式化日期年月日 3.格式化日期时分秒 4.Date的总毫秒数 5.倒计时案例进行学习巩固
php date.getday,JavaScript从Date对象返回一周中的某一天 (0 ~ 6)的方法getDay()
定义和用法 getDay() 方法可返回表示星期的某一天的数字. 语法dateObject.getDay() 返回值 dateObject 所指的星期中的某一天,使用本地时间.返回值是 0(周日) 到 ...
php 4位年份,JavaScript从Date对象以四位数字返回年份的方法getFullYear()
定义和用法 getFullYear() 方法可返回一个表示年份的 4 位数字. 语法dateObject.getFullYear() 返回值当 dateObject 用本地时间表示时返回的年份.返回 ...
android 列表倒计时,Android利用RecyclerView实现列表倒计时效果
最近面试时,面试官问了一个列表倒计时效果如何实现,现在记录一下. 运行效果图实现思路实现方法主要有两个: 1.为每个开始倒计时的item启动一个定时器,再做更新item处理: 2.只启动一个定时器 ...

JavaScript利用Date对象实现倒计时效果

Date对象

简介

语法

倒计时效果

JavaScript利用Date对象实现倒计时效果相关推荐

最新文章

热门文章