时间倒计时js

1.引入js/css.

 2.获取当前时间，定义方法。

 getNowTime: function () {
                let dateTime
                let yy = new Date().getFullYear()
                let mm = new Date().getMonth() + 1
                let dd = new Date().getDate()
                let hh = new Date().getHours()
                let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
                let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
                dateTime = yy + '/' + mm + '/' + dd + ' ' + hh + ':' + mf + ':' + ss
                return dateTime
            },

3.定时运行方法：

 created() {
            let that = this;
            setInterval(function () {
                that.nowDate = that.getNowTime() //实时获取当前时间
                that.resultTime()//倒计时的结果时间
            }, 1000)

        },

4.计算你需要倒计时的时间

  resultTime() {
                var date1 = new Date();  //开始时间
                var date2 = this.targetDate;    //结束时间-放假时间
                var date3 = new Date(date2).getTime() - date1.getTime();   //时间差的毫秒数    
                //计算出相差天数
                var days = Math.floor(date3 / (24 * 3600 * 1000))
                //计算出小时数
                var leave1 = date3 % (24 * 3600 * 1000)    //计算天数后剩余的毫秒数
                var hours = Math.floor(leave1 / (3600 * 1000))
                //计算相差分钟数
                var leave2 = leave1 % (3600 * 1000)        //计算小时数后剩余的毫秒数
                var minutes = Math.floor(leave2 / (60 * 1000))
                //计算相差秒数
                var leave3 = leave2 % (60 * 1000)      //计算分钟数后剩余的毫秒数
                var seconds = Math.round(leave3 / 1000)
                let time = days + "天 " + hours + "小时 " + minutes + " 分钟" + seconds + " 秒";
                this.result = time;
            },

展示效果：