js本地物件——Date()

weixin_30788239發表於2020-04-05
JS物件

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);

 

轉載於:https://www.cnblogs.com/web-wjg/p/7137592.html

相關文章