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);
复制代码

 

posted @   web_study  阅读(401)  评论(0编辑  收藏  举报
努力加载评论中...

哈哈

点击右上角即可分享
微信分享提示