用 CSS 畫圓餅圖,順便做個倒數計時器
因為最近公司的學員在做番茄鐘的專案,自己也想說順手兜一個圓餅圖的 count down timer。研究了一下 CSS 怎麼畫圓餅圖結果還真麻煩,倒是 JS count down timer 大概十五分鐘就處理好了。 主要的原理是用圓形來配合不同的方形旋轉來切割出扇形,但是如果超過 180 度角的扇形就要另外貼一個半圓上去,如果是靜止的狀態的確是沒什麼問題,但如果我要做 transition 的話,那個超過 180 度的半圓就很難依據我的 transition »