vue列表执行倒计时

列表执行倒计时操作

 countDownTime(){
          var that = this;
          setInterval(()=>{
               for(var i in that.tableData){
                //结束时间
                var endTime = that.tableData[i].finish_typing_time;
                //当前时间
                var startTime = new Date().valueOf();
                //剩余时间
                var timeFormat = endTime - startTime;
                if(timeFormat > 0){
                  //转换时间格式
                  var time= that.countDownmintus(timeFormat);
                }
                else{
                  var time= 0;
                }
                //重新赋值
                that.tableData[i]["time"] = time;
             //   that.$set(that.tableData,'time',time);
                // console.log(that.tableData[i]);
              }
           },1000)
        },
        //转换时间格式
        countDownmintus(data){
              var s;
              var hours = parseInt((data % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
              var minutes = parseInt((data % (1000 * 60 * 60)) / (1000 * 60));
              var seconds = parseInt((data % (1000 * 60)) / 1000);
              s = (hours < 10 ? ('0' + hours) : hours) + ':' + (minutes < 10 ? ('0' + minutes) : minutes) + ':' + (seconds < 10 ? ('0' + seconds) : seconds);
              return s;
        },