js实现倒计时功能

js实现倒计时功能（天时分秒）

1、定义对应的方法

       getCountDown() {
            let that = this
            //调用的时候传入需要的结束时间（时间戳，毫秒级）
            let endTime = that.data.itemData.startTime
            var t1 = setInterval(function() {
                let nowTime = new Date().getTime(); //现在时间（时间戳）
                let time = (endTime - nowTime) / 1000; //距离结束的毫秒数
                let day = parseInt(time / (60 * 60 * 24));
                let hou = parseInt(time % (60 * 60 * 24) / 3600);
                let min = parseInt(time % (60 * 60 * 24) % 3600 / 60);
                let sec = parseInt(time % (60 * 60 * 24) % 3600 % 60);
                day = that.timeFormin(day),
                hou = that.timeFormin(hou),
                min = that.timeFormin(min),
                sec = that.timeFormin(sec)
                //这里是微信小程序的写法，vue更简单些，直接赋值就行
                that.setData({
                    day: that.timeFormat(day),
                    hou: that.timeFormat(hou),
                    min: that.timeFormat(min),
                    sec: that.timeFormat(sec)
                })
                if (time <= 0) {
                    // 倒计时结束清除定时器
                    clearInterval(t1);
                }
            }, 1000)
        },
        //小于10的格式化函数（2变成02）
        timeFormat(param) {
            return param < 10 ? '0' + param : param;
        },
        //小于0的格式化函数（不会出现负数）
        timeFormin(param) {
            return param < 0 ? 0 : param;
        },

2、使用的时候调用getCountDown()该方法就行，只需提供对应结束时间的时间戳。可以在调用的时候传入，或者是直接在data里面取，稍微进行对应的需求进行简单的更改即可。