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. STM32 ADC多通道转换DMA模式与非DMA模式两种方法(HAL库)

    一.非DMA模式(转) 说明:这个是自己刚做的时候百度出来的,不是我自己做出来的,因为感觉有用就保存下来做学习用,原文链接:https://blog.csdn.net/qq_24815615/arti ...

  2. HDU 1475 Pushing Boxes

    Pushing Boxes Time Limit: 2000ms Memory Limit: 131072KB This problem will be judged on PKU. Original ...

  3. Ruby按照换行符进行分割

    Ruby按照换行符进行分割 string.split(/\n/)

  4. [HTML 5] Styling with ARIA

    See if you can do a better job styling this button using ARIA states. One huge benefit to styling wi ...

  5. Eclipse开发C/C++程序的MinGw配置

    环境变量设置: a.鼠标右击桌面"计算机"(WindowsXp是"我的电脑")->"属性" b.WindowsXP时,在新弹出的属性窗 ...

  6. 使用Service Bus Topic 实现简单的聊天室

    创建Service Bus能够參照: https://azure.microsoft.com/en-gb/documentation/articles/service-bus-dotnet-how-t ...

  7. Tween动画TranslateAnimation细节介绍

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

  8. BZOJ:3441 乌鸦喝水

    bzoj:3441 乌鸦喝水 题目传送门 Description 一只乌鸦在自娱自乐,它在面前放了n个有魔力的水缸,水缸里装有无限的水. 他准备从第1个水缸飞到第n个水缸,共m次.在飞过一个水缸的过程 ...

  9. swift-初探webView与JS交互

    公司接下来的项目需要用swift内嵌h5来实现, 以前没有做过swift项目, 现在慢慢将所学的一点一滴记录一下 一个是怕自己忘了- =, 再就是希望大家看到能帮助我哈哈哈 前几天想要直接用swift ...

  10. HTML、CSS和JS中注释类型的总结

    添加必要的注释,是一个优秀的程序员必须具备的好习惯,可以大大提高代码的可维护性.可读性. 1.HTML注释 <!--注释的内容--> 注释的地方(根据个人习惯可能有所不同): 结束标签的后 ...