今日把之前关于date的笔记做了一个总结,已备日后参考。
一、 new Date() 获取本地当前时间/可设置指定时间
例1-当前时间:
var myDate=new Date();
console.log(myData); => Wed Oct 18 2017 16:56:32 GMT+0800 (中国标准时间)
例2-指定时间:
var myDate=new Date(2008,08,08);
console.log(myDate); => Mon Sep 08 2008 00:00:00 GMT+0800 (中国标准时间)
----------------(以下2-7为各种时间转换成字符串的格式,请根据需求使用)
二、toLocaleString() 中国时间格式(根据本地时间把Date对象转换为字符串,并返回结果)
例:var myDate=new Date();
console.log(myDate.toLocaleString()) =>"2017/10/18 下午4:58:42"
三、toString()把Date对象转为英文的字符串。
例:var myDate=new Date();
console.log(myDate.toString()) => "Wed Oct 18 2017 17:08:09 GMT+0800 (中国标准时间)"
四、toTimeString() 转换为24小时制时间字符串。
var myDate=new Date();
console.log(myDate.toTimeString()) =>"18:22:12 GMT+0800 (中国标准时间)"
五、toDateString()把Date对象的时间部分转为字符串。
var myDate=new Date();
console.log(myDate.toDateString()) =>"Thu Oct 19 2017"
六、toUTCString() 把Date对象转换成世界时间的字符串。
var date=new Date();
console.log(date.toUTCString()) => "Thu, 19 Oct 2017 06:20:31 GMT"
七、toLocaleTimeString() 把data对象的时间部分转为本地上下午时间的字符串。
var date = new Date();
console.log(date.toLocaleTimeString()) =>"下午2:20:31"
-------------------------------以下为时、分、秒的各种获取和设置的方法
八、getTime用户表示当前Date距1970年1月1日午夜的毫秒数 时间戳
getTime() 同:Date.now()
例:var myDate=new Date();
console.log(myDate.getTime()) =>1508317956004
console.log(Date.now()) =>1508319448166
九、getFullYear() 返回一个表示年份的数字,获取年份
var myDate=new Date();
console.log(myDate.getFullYear()); =>2017
十、setFullYear()更改年份,设置年份
var myDate=new Date();
myDate.setFullYear(1992);
console.log(myDate) =>Mon Jul 13 1992 11:55:28 GMT+0800 (中国标准时间)
十一、getMonth()返回月份,获取月份
返回的月份是(0-11),0表示1月,11表示12月,所以需要在返回的值后加1,才是当前月份
var myDate=new Date();
console.log(myDate.getMonth()+1) =>10
十二、setMonth()更改月份,设置月份
设置为8 ,返回给没有Date的是9月,会自动加1
var myDate=new Date();
myDate.setMonth(8)
console.log(myDate); =>Wed Sep 13 2017 14:02:44 GMT+0800 (中国标准时间)
十三、getDate()返回当前日(1-31)天数
var myDate=new Date();
console.log(myDate.getDate()) =>18
十四、setDate()方法设置某一天
var myDate=new Date();
myDate.setDate(25);
console.log(myDate) =>Tue Jul 25 2017 14:20:18 GMT+0800 (中国标准时间)
十五、getDay()方法为获取星期的某一天的数字
返回0-6,0为周日,1-6为正常星期
var myDate=new Date();
var week=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
console.log(week[myDate.getDay()]) => 星期四
十六、getHours()方法返回当前小时
var myDate=new Date();
console.log(myDate.getHours()) => 17
十七、setHours()方法用于设置/更改小时()
返回值为0-23
var myDate=new Date();
myDate.setHours(9)
console.log(myDate) = >Thu Jul 13 2017 09:37:31 GMT+0800 (中国标准时间)
十八、getMinutes()方法返回时间的分钟字段
var myDate=new Date();
console.log(myDate.getMinutes()) =>14
十九、setMinutes()方法用于设置分钟字段 范围为0-59;setMinutes(分,秒,毫秒),也可以只传入一个值(分钟字段)
var myDate=new Date();
myDate.setMinutes(55,12,5)
console.log(myDate) => Thu Jul 13 2017 15:55:12 GMT+0800 (中国标准时间)
----------------------------------------------------------------------------------------
var myDate=new Date();
myDate.setMinutes(55)
console.log(myDate) =》Wed Oct 18 2017 18:55:13 GMT+0800 (中国标准时间)
二十、getSeconds()方法获取时间的秒 范围为0-59
var myDate=new Date();
console.log(myDate.getSeconds()) =>58
二十一、setSenconds()方法用于更改秒
var myDate=new Date();
myDate.setSeconds(12)
console.log(myDate) =>Thu Jul 13 2017 15:15:12 GMT+0800 (中国标准时间)
二十二、getMilliseconds() 获取毫秒
var myDate=new Date();
console.log(myDate.getMilliseconds()) =>147
二十三、setMilliseconds()更改毫秒
var myDate=new Date();
myDate.setMilliseconds(789)
console.log(myDate.getMilliseconds()) =>789
-----------------------下面写两个最常用的方法-------------------------
二十四、获取当前时间 /时间戳
获取当前时间/时间戳 年月日,时分秒:
var myDate=new Date(); //获取当前时间的年、月、日 、时、分、秒、
或者你需要把一个时间戳转为年、月、日、时、分、秒、的格式。
var myDate=new Date(1499931534351 );
function time(myDate) {
var year=myDate.getFullYear(); //年
var mouth=myDate.getMonth()+1; //月
var date=myDate.getDate(); //日
var hours=myDate.getHours(); //时
var minutes=myDate.getMinutes(); //分
var seconds=myDate.getSeconds(); //秒
console.log("当前日期为:"+year+"年"+","+mouth+"月"+","+date+"日"+" "+hours+"时"+":"+minutes+"分"+":"+seconds+"秒")
}
time(myDate)
=> 当前日期为:2017年,7月,13日 15时:34分:26秒 (当前时间)
=> 当前日期为:2017年,7月,13日 15时:38分:54秒 (时间戳)
二十五、制作一个每秒变化的时间
<div class="div"></div>
function time() {
let myDate=new Date();
let hours=myDate.getHours();
let minutes=myDate.getMinutes();
let seconds=myDate.getSeconds();
let obj=document.querySelector(".div");
obj.innerHTML=hours+":"+minutes+":"+seconds;
let t=setTimeout("time()",1000)
}
time() => 15:56:42