JS时间对象_js new date() togmtstring-CSDN博客

本文链接：https://blog.csdn.net/qq_41741971/article/details/90183715

1、时间对象

获取年、月、日、时、分、秒

var date = new Date();//时间对象
var gmt = date.toGMTString();//时间对象转换成字符串，获取格林威治时间

/* 年 */
var year = date.getFullYear();
/* 月 */
var month = date.getMonth() + 1;//外国的月份是从0开始的所以要加1
/* 日 */
var dd = date.getDate();
/* 星期 */
var week = date.getDay();
/* 时 */
var hour = date.getHours();
/* 分 */
var miunte = date.getMinutes();
/* 秒 */
var second = date.getSeconds();

时间戳

从1970/1/1 00:00:00 到现在的时间戳，以毫秒显示

var date = new Date();
date.getTime();//获取时间戳 1557760055014

/* 创建未来的时间 */
var date_2 = new Date(2020,1,1,0,0,0);

/* 从1970加2020毫秒 */
var date_2 = new Date(2020);//一个参数的时候，如果两个参数的时候就是创建的未来时间

时间差

时间对象相减返回毫秒

var date_1 = new Date();

setTimeout(function(){
    var date_2 = new Date();
    console.log(date_2 - date_1);//1001 返回毫秒
},1000)

2、小案例

倒计时时间 ------ 利用时间差来计算

 <style>
       div{
           margin: 200px auto;
           padding: 10px;
           box-shadow: 0 0 5px 2px #990FDE;
           width: 650px;
           font: bold 50px/60px "华文行楷";
           background-color: deepskyblue;
           border-radius: 20%;
           text-align: center;
       }

    </style>
    <title>Document</title>
</head>
<body>
    <div>距离六一儿童节还有18天0小时26分钟0秒</div>
<script>
    var oBox = document.querySelector('div');

    setInterval(timer,1000);
    function timer() {
        var now = new Date();
        var past = new Date(2019,5,1);
        var vlue = past - now;

        /* 计算时间 */
        var day = Math.floor(vlue/1000/60/60/24);//天数
        var h = Math.floor(vlue/1000/60/60)%24;//小时
        var m = Math.floor(vlue/1000/60)%60;//分钟
        var s = Math.floor(vlue/1000)%60;//秒

        oBox.innerHTML = "距离六一儿童节还有"+day+"天"+h+"小时"+m+"分钟"+s+"秒";
    }
</script>