JS中的Date()使用小結

更新時間：2024年01月20日 10:14:10 作者：菜菜的小博

Date() 日期對象是一個構造函數(shù)必須使用new來調(diào)用創(chuàng)建我們的日期對象,本文給大家介紹JS中的Date()使用小結,感興趣的朋友一起看看吧

Date()日期對象

Date() 日期對象是一個構造函數(shù) 必須使用new 來調(diào)用創(chuàng)建我們的日期對象

// 1.使用Date  如果沒有參數(shù) 返回當前系統(tǒng)的當前時間
	var date = new Date();
	console.log(date);
// 2.參數(shù)常用的寫法 數(shù)字型 2019, 10, 01 或者是 字符串型 '2019-10-1 08:08:08' 
	var date1 = new Date(2019, 10, 1);  
	console.log(date1);  //返回的是 11月 不是 10月
	var date2 = new Date('2019-10-1 8:8:8');  //最常用的
	console.log(date);

Date 對象和Math對象不一樣，他是一個構造函數(shù)，所以我們需要實例化后才能使用
Date 實例用來處理日期和時間

Date()方法的使用

1.獲取當前時間必須實例化

var now = new Date();
	console.log(now);

2.Date()構造函數(shù)的參數(shù)

如果括號里面有時間，就返回參數(shù)里面的時間，例如日期格式字符串為 ‘2019-5-1’,可以寫成 new Date(‘2019-5-1’)或者 new Date(‘2019/5/1’)

日期格式化

我們想要 2019-9-8 8:8:8 格式的日期，該怎么辦？

需要獲取日期指定的部分，所以我們要手動的得到這種方式。

方法名	說明	代碼
getFullYear()	獲取當年	dObj.getFullYear()
getMonth()	獲取當月(0-11)	dObj.getMonth()
getDate()	獲取當天日期	dObj.getDate()
getDay()	獲取星期幾(周日0 到周六 6)	dObj.getDay()
getHours()	獲取當前小時	dObj.getHours()
getMinutes()	獲取當前分鐘	dObj.getMinutes()
getSconds()	獲取當前秒鐘	dObj.getSconds()

// 我們寫一個 2019年 5月 1日 星期三
	var year = date.getFullYear();
	var month = date.getMonth() + 1;
	var dates = dates.getDate();
	var arr = ['星期日', '星期一', '星期二','星期三', '星期四', '星期五', '星期六'];
	var day = date.getDay();
	console.log('今天是：' + year + '年' + month + '月' + dates + '日' + arr[day]);

日期格式化時分秒

// 封裝一個函數(shù)返回當前的時分秒 格式 08:08:08
	function getTime() {
        var times = 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日（世界標準時間）起得毫秒數(shù)

我們經(jīng)常利用總的毫秒數(shù)計算時間，因為它更精確

// 獲得Date總的毫秒數(shù)（時間戳）  不是當前時間的毫秒數(shù) 而是距離1970年1月1日過了多少毫秒數(shù)
// 1.通過 valueOf() getTime()
	var date = new Date;
	console.log(date.valueOf());
	console.log(date.getTime());
// 2.簡單的寫法（最常用的寫法）
	var date1 = +new Date();  // +new Date()  返回的就是總的毫秒數(shù)
// 3.H5 新增的 獲得總的毫秒數(shù)
	console.log(Date.now());

倒計時案例

// 核心算法：輸入的時間減去現(xiàn)在的時間就是剩余的時間，即倒計時，但是不能看著時分秒相減
// 用時間戳來做，用戶輸入時間總的毫秒數(shù)減去現(xiàn)在時間的總的毫秒數(shù)，得到的就是剩余時間的毫秒數(shù)
// 把剩余時間總的毫秒數(shù)轉換為天、時、分、秒（時間戳轉換為時分秒）
// 轉換公式如下：
/*
    d = parseInt(總秒數(shù)/60/60/24); // 計算天數(shù)
    h = parseInt(總秒數(shù)/60/60%24); // 計算小時
    m = parseInt(總秒數(shù)/60/%60);   // 計算分數(shù)
    s = parseInt(總秒數(shù)%60);       // 計算當前秒數(shù)
*/
  function conutDown(time) {
    var nowTime = +new Date() // 返回的是當前時間總的毫秒數(shù)
    var inputTime = + new Date(time); // 返回的是用戶輸入時間總的毫秒數(shù)
    var times = (inputTime - nowTime) / 1000; // time是剩余時間總的秒數(shù)
    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 + '秒';
  }
  var date = new Date();
  console.log(conutDown('2022-10-1 8:8:8'));

到此這篇關于JS的Date()的使用的文章就介紹到這了,更多相關JS的Date()的使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: