Date()是JavaScript的本地对象,用于获取当前的时间,包括年、月、日、时、分、秒,可以精确到毫秒级;该对象返回的是UTC 协调世界时(Coordinated Universal Time)又称世界统一时间,世界标准时间,国际协调时间,该时间是从1970年1月1日0时0分0秒开始计算

常用方法如下:

var date = new Date();

var y = date.getFullYear(); //返回四位年份(例如:2008)
var m = date.getMonth(); //返回月份,值是[0-11]每个加1就是当前月份
var dd = date.getDate(); //返回当前日期值在01-31之间
var h = date.getHours(); //返回小时,值是[0-23],24小时制
var mm = date.getMinutes(); //返回分钟,值是[0-59]
var s = date.getSeconds(); //返回秒数,值是[0-59]
var d = date.getDay(); //返回星期几值从礼拜日到礼拜六[0-6] //毫秒
var ms = date.getMilliseconds(); //返回毫秒数,值从0到999,1000毫秒等于1秒
var mst = date.getTime();

但实际应用中,可能需要自定义初始时间,代码如下:

new Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
//注意全部是数字
/*正确:new Date( "2020","10","1", "15","50","20" );
正确二:new Date(2020,10,1,15,20,58);
错误:new Date("2020,10,1,15,20,58");
new Date("yyyy,mth,dd");
new Date(ms);
参数含义如下:
yyyy:4位数表示的年份
month:用英文表示的月份 January到December
mth:用整数表示的月份值[0-11]
dd:表示一个月中的第几天值[0-31]
hh:小时数,取值 [0-23]
mm:分钟数,取值[0-59]
ss:秒数,取值[0-59]
ms:豪秒数,*/

常见的应用场景:

例如秒杀倒计时
查询:某个时间范围内的薪资
查询:某个时间点发生的事情
跟时间相关的太多了,几乎所有项目都会与日期时间有非常多的关联。

倒计时代码如下:

function fnDateDiff(year,month,day,showDateDiff){
var now = new Date();
var endDate = new Date(year, month-1, day);
var leftTime = endDate.getTime()-now.getTime();
var leftsecond = parseInt(leftTime/1000);
var day1 = Math.floor(leftsecond/(60*60*24));
var hour = Math.floor((leftsecond-day1*24*60*60)/3600);
var minute = Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
var second = Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
var show = document.getElementById(showDateDiff);
show.innerHTML = "距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
}
setInterval(function(){
fnDateDiff(2020,12,31,'showDateDiff');
},1000);

js本地对象——Date()的更多相关文章

  1. js 日期对象Date以及传参

    创建一个日期对象,日期对象可传参new Date() 创建日期对象getFullYear() 获取年份 getMonth() 获取月份 返回值是 0(一月) 到 11(十二月) 之间的一个整数 get ...

  2. js时间对象Date()

    Date ()是一个专门用来创建时间对象的,是一个复杂数据类型,具有读写属性 语法: var time = new Date() 返回值:当前终端的时间 // 1.创建当前时间对象 var time ...

  3. js本地对象的操作

    1 String对象方法: concat 将两个或多个字符的文本组合起来,返回一个新的字符串. var a = "hello"; var b = ",world" ...

  4. JavaScript -- 时光流逝(五):js中的 Date 对象的方法

    JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/ ...

  5. js动态获取当前系统时间+js字符串转换为date日期对象

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  6. js高级---本地对象、内置对象、宿主对象

    名词参考: 原生对象:也叫内部对象.本地对象.native object 内置对象:Build-in object 宿主对象:host object ECMA-262 定义: 原生对象:独立于宿主环境 ...

  7. js入门之内置对象Date

    一. Date对象 Math和Date对象的区别 Math对象和Date对象的区别 Math不是一个构造函数,里面提供的是静态成员 Date是一个构造函数 首先要通过new Date() 来创建日期实 ...

  8. JavaScript本地对象 内置对象 宿主对象

          在ECMAScript中,所有对象并非同等创建的. 一般来说,可以创建并使用的对象有3种:本地对象.内置对象和宿主对象. 1. 本地对象 ECMA-262把本地对象(native obje ...

  9. JavaScript 本地对象、内置对象、宿主对象

    首先解释下宿主环境:一般宿主环境由外壳程序创建与维护,只要能提供js引擎执行的环境都可称之为外壳程序.如:web浏览器,一些桌面应用系统等.即由web浏览器或是这些桌面应用系统早就的环境即宿主环境. ...

随机推荐

  1. 提高生产力:发送邮件API和Web服务(包含源码)

    在Web开发中,发邮件是一种非常常见的功能或任务. 发送邮件的6种方式 一文提到了6种方法,文章发表后,有网友指出了还有另外一种方法,Ant中也可以发送邮件. 打开Foxmail之类的邮件客户端或者在 ...

  2. Activiti 各个节点涉及的表

    ################################# 部署流程定义涉及到的表 # 流程部署表SELECT * FROM `act_re_deployment` # 流程定义表SELECT ...

  3. 2015 Multi-University Training Contest 6 hdu 5357 Easy Sequence

    Easy Sequence Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)T ...

  4. [SharePoint][SharePoint Designer 入门经典]Chapter11 工作流基础

    1.SPS中可以创建的工作流的种类 2.SPD工作流基础 3.创建列表\库工作流 4.创建可重用的工作流 5.利用基于站点的工作流 6.SPD 工作流的限制和注意事项

  5. Shell编程入门(第二版)(上)

    简单的示例Shell程序 示例1. #!/bin/bash #This is to show what a shell script looks like echo "Our first e ...

  6. 腾讯云 ubuntuservermysql安装和外网訪问

    1 腾讯云 购买ubuntu 默认账户是ubuntu(因为winscp 使用ubuntu没有权限写文件) 因为腾讯云主机ubuntu系统默认username为ubuntu,不喜欢每次做什么都要sudo ...

  7. nyist oj 115 城市平乱 (最短路径)

    城市平乱 时间限制:1000 ms  |  内存限制:65535 KB 难度:4 描写叙述 南将军统领着N个部队.这N个部队分别驻扎在N个不同的城市. 他在用这N个部队维护着M个城市的治安.这M个城市 ...

  8. STL之效率比較

    1.vector 变长一维数组,连续存放的内存块,有保留内存.堆中分配内存: 支持[]操作,高效率的随机訪问: 在最后添加元素时,一般不须要分配内存空间,速度快:在中间或開始操作元素时要进行内存拷贝效 ...

  9. Tween动画TranslateAnimation细节介绍

    Tween动画有下面这几种: Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 Transl ...

  10. Log4J日志配置具体解释

    一.Log4j简单介绍 Log4j有三个基本的组件:Loggers(记录器),Appenders (输出源)和Layouts(布局).这里可简单理解为日志类别,日志要输出的地方和日志以何种形式输出.综 ...