js本地对象——Date()
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()的更多相关文章
- js 日期对象Date以及传参
创建一个日期对象,日期对象可传参new Date() 创建日期对象getFullYear() 获取年份 getMonth() 获取月份 返回值是 0(一月) 到 11(十二月) 之间的一个整数 get ...
- js时间对象Date()
Date ()是一个专门用来创建时间对象的,是一个复杂数据类型,具有读写属性 语法: var time = new Date() 返回值:当前终端的时间 // 1.创建当前时间对象 var time ...
- js本地对象的操作
1 String对象方法: concat 将两个或多个字符的文本组合起来,返回一个新的字符串. var a = "hello"; var b = ",world" ...
- JavaScript -- 时光流逝(五):js中的 Date 对象的方法
JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/ ...
- js动态获取当前系统时间+js字符串转换为date日期对象
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- js高级---本地对象、内置对象、宿主对象
名词参考: 原生对象:也叫内部对象.本地对象.native object 内置对象:Build-in object 宿主对象:host object ECMA-262 定义: 原生对象:独立于宿主环境 ...
- js入门之内置对象Date
一. Date对象 Math和Date对象的区别 Math对象和Date对象的区别 Math不是一个构造函数,里面提供的是静态成员 Date是一个构造函数 首先要通过new Date() 来创建日期实 ...
- JavaScript本地对象 内置对象 宿主对象
在ECMAScript中,所有对象并非同等创建的. 一般来说,可以创建并使用的对象有3种:本地对象.内置对象和宿主对象. 1. 本地对象 ECMA-262把本地对象(native obje ...
- JavaScript 本地对象、内置对象、宿主对象
首先解释下宿主环境:一般宿主环境由外壳程序创建与维护,只要能提供js引擎执行的环境都可称之为外壳程序.如:web浏览器,一些桌面应用系统等.即由web浏览器或是这些桌面应用系统早就的环境即宿主环境. ...
随机推荐
- BA-siemens-insight_lenum点
lenum点特性 lenum点有如下特点 如果状态字是自定义的,只能在bacnet / ip的aln层使用 如果想在ms/tp层使用lenum的功能,就必须将system profile中bacnet ...
- BA-siemens-点位类型表
X(超级点) 输入 0-10v 4-20ma(不可用) Ni 1000 Pt 1000 10k & 100k 热敏电阻 数字输入 脉冲计数输入 输出 0-10v 4-20ma(不可用) 数字 ...
- [SharePoint][SharePoint2013循序渐进]SPS2013简介
本章概要: 1.啥是SPS2013 2.SharePoint如何作用于团队协作和信息共享 3.SP2013有哪些用户权限 4.什么是SharePoint2013 online 5.SP在内部署和在线订 ...
- jboss final 7.1.1相关error以及解决方式
问题1 报错提示: MSC00001: Failed to start service jboss.web.deployment.default-host./: Caused by: java.lan ...
- NOI.AC: NOIP2018 全国模拟赛习题练习
闲谈: 最后一个星期还是不浪了,做一下模拟赛(还是有点小虚) #30.candy 题目: 有一个人想买糖吃,有两家商店A,B,A商店中第i个糖果的愉悦度为Ai,B商店中第i个糖果的愉悦度为Bi 给出n ...
- bzoj1924: [Sdoi2010]所驼门王的宝藏
陈年老题又来水一发啊啊啊 构图狗了一点,然后其实强连通缩点dij找最长路就没了. 没调出来有点气,直接打了第9个点的表.... 来逛blog的你教教我呗 #include<cstdio> ...
- mysqli简介
mysqli简介 PHP MySQLi 简介 PHP MySQLi = PHP MySQL Improved! MySQLi 函数允许您访问 MySQL 数据库服务器. 注释:MySQLi 扩展被设计 ...
- USACO 2.1 Hamming Codes
Hamming CodesRob Kolstad Given N, B, and D: Find a set of N codewords (1 <= N <= 64), each of ...
- EOJ 3018 查找单词
有一个单词 W,输出它在字符串 S 中从左到右第一次出现的位置 IDX(设 S 中的第 1 个字符的位置为 1).W 只由英文字母组成,S 除英文字母和汉字之外在任何位置(包括头和尾)另有一个或多个连 ...
- Qt-信号和槽-多对多
前言:介绍1对多,多对1以及多对多的案例. 一.1对多 演示内容:在QLineEdit输入时,同步label,text browser以及调试输出板同步显示. 1.1 新建工程 1.2 添加部件 拖入 ...