多個倒計時並行拼團倒計時

本文是對類似於拼團，多個商品每個都有各自的倒計時，一開始接到接到這個需求也是頭疼了一陣子，如果是在商品列表少的時候完全就可以寫成死的，固定的變數，寫幾個定時器就ok了，

寫乙個準備渲染的資料,

data () ,,,]}}

countdowm (timestamp) 天$小時$分$秒`
}if (day <= 0 && hour > 0) 小時$分$秒`
}if (day <= 0 && hour <= 0) 分$秒`
}self.content = format
} else 
}, 1000)
}

根據邏輯對倒計時的方法進行更改,我們直接使用的就是距離結束還有多少時間的時間戳，我的思路是用乙個定時器達到乙個並行多個倒計時的思路，所以先將方法進行優化1. 不需要獲取時間2. 也不需要一些時間計算3. 因為是多個倒計時並行所以清楚定時器的邏輯需要進行更改如下

countdowm (timestamp) 天$小時$分$秒`
self.content = format
} else 
}, 1000)
}

簡化完畢，把自己剛才的思路帶進方法內在定時器裡寫乙個迴圈每次減少一秒讓當前資料內remaintime時間戳-1000

countdown () 天$時$分$秒`
self.list[i].remaintimestr = format
} else 
}}, 1000)
}

這樣並行多個定時器就做好了, 但是發現了乙個問題當你切換路由的時候發下你的定時器如果未結束他還在執行，這樣對效能造成了一些影響，雖說使用者看不到，但是也要解決，提高使用者瀏覽體驗在你切換頁面的時候使用vue中的生命週期函式把資料更改為0 就ok

destroyed () )
}

嗖嗖嗖~ 對應文章

還有一些什麼好的方法可以聯絡我喔~

多個倒計時並行 拼團倒計時