js vue 时分秒倒计时

最新推荐文章于 2024-04-29 16:16:06 发布

老胡说前端

最新推荐文章于 2024-04-29 16:16:06 发布

阅读量930

点赞数

分类专栏： js vue 文章标签： vue.js

本文链接：https://blog.csdn.net/m0_65730686/article/details/128176331

版权

js 同时被 2 个专栏收录

67 篇文章 1 订阅

订阅专栏

vue

64 篇文章 1 订阅

订阅专栏

props: {
   auctionList: {
       type: Array,
       default: function() {
       return [];
       }
   }
},

onReady() {
this.initList()
},

mounted(){
       this.auctionLists1 = this.auctionList;
       this.$set(this,'auctionLists1', this.auctionList);
       console.log(this.auctionLists1,'++++++++++++++++++++++++++')
   },

initList(){
           setInterval(()=>{
               this.auctionLists1.forEach((item,index)=>{
                   let _h = item.lastTime.split(':')[0] || 0;
                   let _m = item.lastTime.split(':')[1] || 0;
                   let _s = item.lastTime.split(':')[2] || 0;
                   let time = '';
                   console.log(111111111)
                       _s--;
                       if(_s == -1){
                           _m--;
                           _s = 59;
                       }
                       if(_m == -1){
                           _h--;
                           _m = 59;
                       }

                       let _b = ((_h == 0) &&(_m == 0)&&(_s == 0))
                       if(_s<10){
                           _s = '0'+parseInt(_s);
                       }
                       if(_m<10){
                           _m = '0'+parseInt(_m);
                       }
                       if(_h<10){
                           _h = '0'+parseInt(_h);
                       }
                       if(_b){
                           time = '活动结束'
                           //clearTimeout(_t)
                       }else{
                           time = _h+':'+_m+':'+_s;
                       }
                       console.log(time)
                       item.lastTime = time;

               })
           }, 1000)
           setInterval(()=>{
               this.$set(this,'auctionLists1', this.auctionLists1);
           }, 1000)
           return;
       }