vue页面使用多个定时器的方法_vue.js_

       
         
           
                        
           
             
               {{ item.name }}             
                            {{ item.saleTit }}                        
         
       

const getProdList = async () => {       //预售商品列表       await $api.fns.PreSale.getPreSaleList({         params: {           iconType: 2,         },       })         .then((res) => {           if (res?.data) {             console.log(res.data);             // `appointment_status`'预约状态 1已上架、2已下架',             state.list = res.data;             res.data.map((item) => {               item.isDisabled = true;               item.saleTit = "等待预约";               item.timer = null;               if (item.appointStart) {                 let appointStart = new Date(                   item.appointStart.replace(/-/g, "/")                 ).getTime();                 let systemDate = new Date(                   item.systemDate.replace(/-/g, "/")                 ).getTime();                 item.times = Math.round(                   parseInt(appointStart - systemDate) / 1000                 );               }             });             state.list = res.data;             state.list.map((item, index) => {               if (item.appointmentStatus === 2) {                 if (item.times) {                   // 还没有开始预购                   if (item.times > 0) {                     startCountdown(item.times, index);                     // 预购结束                   } else {                     item.isDisabled = true;                     item.saleTit = "预购结束";                   }                   // 时间为空的时候，就只有预购结束，和立即预购两种状态                 } else {                   item.isDisabled = true;                   item.saleTit = "预购结束";                 }               } else {                 item.isDisabled = false;                 item.saleTit = "立即预购";               }             });                       }         })         .catch((error) => {           console.log(error);         });     };

// 倒计时 const startCountdown = (times, index) => {       console.log("index", index, state.list);       // 跟开始时间相比如果当前时间小于开始时间，那就还没有开始       // let times = Math.round(parseInt(appointStart - systemDate) / 1000);       if (times > 0) {         state.list[index].timer = setInterval(() => {           state.list[index].times--;           console.log("state.times-----111", state.list[index].times);           if (state.list[index].times === 0) {             state.list[index].times = 0;             state.list.map(() => {               state.list[index].isDisabled = false;               state.list[index].saleTit = "立即预购";             });             window.clearInterval(state.list[index].timer);           }         }, 1000);       }     };