js倒计时算法

目录

一、Data对象

二、时间戳

三、封装倒计时函数

一、Data对象

Data对象是js的内置对象，它本质上是一个构造函数，表示时间这一大类，包括年月日时分秒等。起始时间：1970年1月1日。

调用方法：var date = new Date();

//无参数时，返回系统时间；参数格式：‘2022-6-1 20:00:00’

Date对象包括的方法：

二、时间戳

作用：获取Date对象距离1970年1月1日的总毫秒数。

获取方法：

方法1、
var date = new Date();
        date.valueOf();
方法2、
var date = new Date();
        date.getTime();
方法3、      
var otherTime = +new Date();
方法4、       
Date.now();

结果：

三、封装倒计时函数

原理：输入时间的毫秒数 - 当下时间的毫秒数 = 剩余时间的毫秒数  1s = 1000ms 

           将剩余时间的毫秒数转为 时+分+秒 的格式

function countDown(time) {
            var nowTime = +new Date();
            var inputTime = +new Date(time);
            // 得到秒数
            var remain = (inputTime - nowTime) / 1000;

            var day = parseInt(remain / 60 / 60 / 24);
            var h = parseInt(remain / 60 / 60 % 24);
            h = h < 10 ? '0' + h : h;
            var m = parseInt(remain / 60 % 60);
            m = m < 10 ? '0' + m : m;
            var s = parseInt(remain % 60);
            s = s < 10 ? '0' + s : s;
            return day + '天 ' + h + ':' + m + ':' + s;
        }
console.log(countDown('2022-6-1 21:00:00'));

结果： 

注意：函数封装的参数应给Date对象，才能获得完整的时间戳。