javascript內置對象Date怎么使用

這篇文章主要講解了“javascript內置對象Date怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“javascript內置對象Date怎么使用”吧！

Date的基本使用

內置對象Date是構造函數，用new創建對象,無參數時返回當前時間，可加參數返回特定時間

//內置對象Date是構造函數，用new創建對象,無參數時返回當前時間，可加參數返回特定時間
var now_time = new Date();
console.log(now_time);
// 年月日之間可以用-或者/
var time_1 = new Date('2018-05-06 12:36:15');
var time_2 = new Date('2018/05/06');
console.log(time_1);
console.log(time_2);

格式化時間

可以從上圖看到返回的時間格式 Sun May 06 2018 00:00:00 GMT+0800 (中國標準時間) 不符合我們中國人的表示習慣
所以我們需要獲取日期的指定部分，然后進行日期格式化。

1.格式化日期 - 年，月，日

//格式化日期- 年，月，日
var date = new Date(); // 實例化一個日期對象
var year = date.getFullYear();  // 返回當前日期年份
var month = date.getMonth() + 1;  //返回的是0-11，分別對應1-12月，所以接果+1才是正確的月數
year = year < 10? '0' + year: year ;
var dates = date.getDate();    // 返回幾號
dates  = dates < 10? '0' + dates: dates ;
var day = date.getDay();   //返回的是0-6，分別對應星期天-星期六
var day_arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六',]
console.log('今天是：'+ year + '年' + month +  '月' + dates + '日' + day_arr[day]);

2.格式化時，分，秒

	function getTime(){
            var time = new Date();
            var h = time.getHours();
            h = h < 10? '0' + h: h;
            var m = time.getMinutes();
            m = m < 10? '0' + m: m;
            var s = time.getSeconds();
            s = s < 10? '0' + s: s;

            return h + ':'  + m + ':' + s ;
        }
        console.log(getTime());

獲取Date總的毫秒數(時間戳)

我們時常可以看到時間戳，那么他是怎么來的呢？

其實時間戳表示的是從1970年1月1號到當前時間的總的毫秒數。

至于為什么是1970年的這個時間，感興趣的可以百度看看，十分有趣。

在我們javascript中獲取時間戳有三種方法。

//獲取Date總的毫秒數(時間戳) ，是從1970年1月1號到當前的總的毫秒數 至于為什么是這個時間，感興趣的可以百度看看，十分有趣
//1.通過 valueOf() 或者 getTime() 方法
var date = new Date();
console.log(date.valueOf());  //得到的是我們當前時間距離1970 1.1的總的毫秒數
console.log(date.getTime());
//2.簡單的寫法（最常用的寫法）
var date = +new Date(); 
console.log(date);
//3.H5 新增的,ie9以下不適用
console.log(Date.now());

案例-網頁倒計時核心算法（重要）

1）核心算法：輸入的時間減去現在的時問就是利余的時問，即倒計時，但是不能拿著時分秒相減，比如05分減去25分，結果會是負數的。

2）用時間載來做。用戶輸入時間總的老秒數減去現在時間的總的毫秒數，得到的就是剩余時間的毫秒數。

3）把剩余時間總的毫秒數化為秒然后轉換為天、時、分、秒（時間轉換為時分秒）

轉換公式下：

d = parselnt （總秒數／60/60/24);        計算天數
h = parselnt （總秒數／60/60%24);        計算小時
m = parselnt （總秒數／60%60);        計算分數
s = parselnt （總秒數％60);        計算當前秒數

//網頁倒計時核心算法
function countTime(time){
    var newTime = +new Date(); //獲取當前總的毫秒數（時間戳）
    var inputTime = +new Date(time); // 得到指定時間的時間戳
    var times = (inputTime - newTime) / 1000; // 剩余時間的秒數
    var d = parseInt(times / 60 / 60 / 24); // 天數 ，取整
    d = d<10 ? '0'+d : d; // 補零
    var h = parseInt(times / 60 / 60 % 24);  // 時
    h = h<10 ? '0'+h : h;
    var m = parseInt(times / 60 % 60); //分
    m = m<10 ? '0'+m : m;
    var s = parseInt(times % 60);  //秒
    s = s<10 ? '0'+s : s;
    return d + '天' + h + '時' + m + '分' + s + '秒';
}
    console.log(countTime('2022-03-01 18:00:00'));

感謝各位的閱讀，以上就是“javascript內置對象Date怎么使用”的內容了，經過本文的學習后，相信大家對javascript內置對象Date怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！