js關於new Date() 日期格式

時間 2019-11-18

原文原文鏈接

下面是關於Date的對象html

var oDay = new Date();  
oDay.getYear(); //當前年份 
oDay.getFullYear(); //完整的年月日（xx年，xx月，xx日）
oDay.getMonth(); //當前的月份(0-11,0表明1月)         // 獲取當前的月份是oDay.getMonth()+1;   
oDay.getDate(); //當前的日(1-31)  
oDay.getDay(); //當前的星期X(0-6,0表明星期天)  
oDay.getTime(); //當前的時間(從1970.1.1開始的毫秒數)  
oDay.getHours(); //當前的小時數(0-23)  
oDay.getMinutes(); //當前的分鐘數(0-59)  
oDay.getSeconds(); //當前的秒數(0-59)  
oDay.getMilliseconds(); //當前的毫秒數(0-999)  
oDay.toLocaleDateString(); //當前的日期  
var oTime=oDay.toLocaleTimeString(); //當前的時間  
oDay.toLocaleString( ); //日期與時間

　　下面是關於獲取時間的幾個小例子：spa

   //本月有多少天
        var oDate=new Date();

        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate());
    //本月第一天是周幾
        ar oDate=new Date();
        oDate.setDate(1);
        alert(oDate.getDay())
    //本月最後一天是周幾
        var oDate=new Date();

        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDay());

　　立刻就要到五一小長假了，寫一個距離五一的倒計時：code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div{
            width: 500px;
            margin: 200px 400px;
            font-size: 30px;
            font-family: 新宋體;
            text-align: center;
        }
    </style>
</head>
<body>
    <div></div>
</body>
<script>
    var oDay=new Date('2019/5/1');//獲取標準的時間
    var oTime=new Date();
    var oJu=parseInt((oDay.getTime()-oTime.getTime())/1000);//獲取1970年1月1日到五一總共有多少秒
    var Day=parseInt(oJu/86400);//獲取距離五一還有多少天
    var yu=oJu%86400;
    //獲取剩下的時分秒
    var h=parseInt(yu/3600);
    var m=parseInt(yu%3600/60);
    var s=yu%3600%60;
    var oDiv=document.getElementsByTagName('div')[0];
　
　　//設置字符串拼接的變量
    function toDub(n) {
        if (n<10){return '0'+n}
        else {return n}
    }

   oDiv.innerHTML=`距離五一長假放假時間<br>倒計時：${toDub(Day)}天${toDub(h)}時${toDub(m)}分${toDub(s)}秒`;
　　//設置一秒鐘自動刷新一次頁面
    setTimeout(function () {
        window.location.reload()
    },1000);
    
</script>
</html>