溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

javascript內(nèi)置對(duì)象Date怎么使用

發(fā)布時(shí)間:2022-03-15 18:15:09 來(lái)源:億速云 閱讀:460 作者:iii 欄目:開(kāi)發(fā)技術(shù)

這篇文章主要講解了“javascript內(nèi)置對(duì)象Date怎么使用”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“javascript內(nèi)置對(duì)象Date怎么使用”吧!

    Date的基本使用

    內(nèi)置對(duì)象Date是構(gòu)造函數(shù),用new創(chuàng)建對(duì)象,無(wú)參數(shù)時(shí)返回當(dāng)前時(shí)間,可加參數(shù)返回特定時(shí)間

    //內(nèi)置對(duì)象Date是構(gòu)造函數(shù),用new創(chuàng)建對(duì)象,無(wú)參數(shù)時(shí)返回當(dāng)前時(shí)間,可加參數(shù)返回特定時(shí)間
    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);

    javascript內(nèi)置對(duì)象Date怎么使用

    格式化時(shí)間

    可以從上圖看到返回的時(shí)間格式 Sun May 06 2018 00:00:00 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間) 不符合我們中國(guó)人的表示習(xí)慣
    所以我們需要獲取日期的指定部分,然后進(jìn)行日期格式化。

    方法名說(shuō)明代碼
    getFullYear()獲取當(dāng)年Obj.getFullYear()
    getMonth()獲取當(dāng)月,返回0 -11Obj.getMonth()
    getDate()獲取當(dāng)天日期Obj.getDate()
    getDay()獲取星期幾(周日0 到 周六6)Obj.getDay()
    getHours()獲取當(dāng)前小時(shí)Obj.getHours()
    getMinutes()獲取當(dāng)前分鐘Obj.getMinutes()
    getSeconds()獲取當(dāng)前秒鐘Obj.getSeconds()

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

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

    javascript內(nèi)置對(duì)象Date怎么使用

    2.格式化時(shí),分,秒

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

    javascript內(nèi)置對(duì)象Date怎么使用

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

    我們時(shí)??梢钥吹綍r(shí)間戳,那么他是怎么來(lái)的呢?

    其實(shí)時(shí)間戳表示的是從1970年1月1號(hào)到當(dāng)前時(shí)間的總的毫秒數(shù)。

    至于為什么是1970年的這個(gè)時(shí)間,感興趣的可以百度看看,十分有趣。

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

    //獲取Date總的毫秒數(shù)(時(shí)間戳) ,是從1970年1月1號(hào)到當(dāng)前的總的毫秒數(shù) 至于為什么是這個(gè)時(shí)間,感興趣的可以百度看看,十分有趣
    //1.通過(guò) valueOf() 或者 getTime() 方法
    var date = new Date();
    console.log(date.valueOf());  //得到的是我們當(dāng)前時(shí)間距離1970 1.1的總的毫秒數(shù)
    console.log(date.getTime());
    //2.簡(jiǎn)單的寫(xiě)法(最常用的寫(xiě)法)
    var date = +new Date(); 
    console.log(date);
    //3.H5 新增的,ie9以下不適用
    console.log(Date.now());

    javascript內(nèi)置對(duì)象Date怎么使用

    案例-網(wǎng)頁(yè)倒計(jì)時(shí)核心算法(重要)

    1)核心算法:輸入的時(shí)間減去現(xiàn)在的時(shí)問(wèn)就是利余的時(shí)問(wèn),即倒計(jì)時(shí),但是不能拿著時(shí)分秒相減,比如05分減去25分,結(jié)果會(huì)是負(fù)數(shù)的。

    2)用時(shí)間載來(lái)做。用戶(hù)輸入時(shí)間總的老秒數(shù)減去現(xiàn)在時(shí)間的總的毫秒數(shù),得到的就是剩余時(shí)間的毫秒數(shù)。

    3)把剩余時(shí)間總的毫秒數(shù)化為秒然后轉(zhuǎn)換為天、時(shí)、分、秒(時(shí)間轉(zhuǎn)換為時(shí)分秒)

    轉(zhuǎn)換公式下:

    d = parselnt (總秒數(shù)/60/60/24);        計(jì)算天數(shù)
    h = parselnt (總秒數(shù)/60/60%24);        計(jì)算小時(shí)
    m = parselnt (總秒數(shù)/60%60);        計(jì)算分?jǐn)?shù)
    s = parselnt (總秒數(shù)%60);        計(jì)算當(dāng)前秒數(shù)

    //網(wǎng)頁(yè)倒計(jì)時(shí)核心算法
    function countTime(time){
        var newTime = +new Date(); //獲取當(dāng)前總的毫秒數(shù)(時(shí)間戳)
        var inputTime = +new Date(time); // 得到指定時(shí)間的時(shí)間戳
        var times = (inputTime - newTime) / 1000; // 剩余時(shí)間的秒數(shù)
        var d = parseInt(times / 60 / 60 / 24); // 天數(shù) ,取整
        d = d<10 ? '0'+d : d; // 補(bǔ)零
        var h = parseInt(times / 60 / 60 % 24);  // 時(shí)
        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 + '時(shí)' + m + '分' + s + '秒';
    }
        console.log(countTime('2022-03-01 18:00:00'));

    javascript內(nèi)置對(duì)象Date怎么使用

    感謝各位的閱讀,以上就是“javascript內(nèi)置對(duì)象Date怎么使用”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)javascript內(nèi)置對(duì)象Date怎么使用這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

    向AI問(wèn)一下細(xì)節(jié)

    免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

    AI