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浏览器或是这些桌面应用系统早就的环境即宿主环境. ...
随机推荐
- Java基础学习总结(61)——Java项目开发要注意的60个问题
1. 首先写代码的时候最好不要有缺陷.最好的修复方法就是让 bug 胎死腹中. 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的"else"条件 在应用到主程序之前知 ...
- java并发之阻塞队列
在前面我们接触的队列都是非阻塞队列,比如PriorityQueue.LinkedList(LinkedList是双向链表,它实现了Dequeue接口). 阻塞队列与普通队列的区别在于:当队列是空的时, ...
- php RSA 简单实现
这是rsa_private_key.pem-----BEGIN PRIVATE KEY----- MIIEvAIBADANBgkqhkiG9w0BAQEFAASCBKYwggSiAgEAAoIBAQC ...
- Linux--对文件夹下的配置文件批量改动IP
sed -i 's/10.1.1.1/10.1.1.2/g' `grep -ir 10.1.1.1 * |grep -E '.xml:|.cfg:|.ini:|.wsdl:|.properties:' ...
- Auto property synthesis will not synthesize property 'delegate'; it will be implemented by its super
今天在XCode6.3上面重写TabBar的时候,自己定义tabBar的代理遇到的一个问题 在重写tabBar的代理的时候遇到了一个警告. 解决方法: 在.m文件里 警告消失
- js保留两位小数的解决的方法
var a = 123.456; a = a..toFixed(2); alert(a);//结果:123.46
- DNS反射放大攻击分析——DNS反射放大攻击主要是利用DNS回复包比请求包大的特点,放大流量,伪造请求包的源IP地址为受害者IP,将应答包的流量引入受害的服务器
DNS反射放大攻击分析 摘自:http://www.shaojike.com/2016/08/19/DNS%E6%94%BE%E5%A4%A7%E6%94%BB%E5%87%BB%E7%AE%80%E ...
- Java-MyBatis:MyBatis 3 动态 SQL
ylbtech-Java-MyBatis:MyBatis 3 动态 SQL 1.返回顶部 1. 动态 SQL MyBatis 的强大特性之一便是它的动态 SQL.如果你有使用 JDBC 或其它类似框架 ...
- 37.Qt网络与通信
1 获取本机网络与通信 在网络应用中,经常需要获得本机的主机名.IP地址和硬件地址等网络信息.运用QHostInfo,QNetWorkInterface,QNetworkAddressEntry可获得 ...
- Creative Cloud 无法连接问题
防火墙允许 PDApp.exe Windows:Program Files\Common Files\Adobe\OOBE\PDApp\core Mac OS:应用程序 > 实用工具 > ...