jQueryカウントダウンプラグイン

某情報番組見てたらふと気になったので。
CSSオンリーでやりたかったので細かい動き等はふっ飛ばしました。
これ以上はcanvasかSVGかなあ。


たいした内容でもないのですが、一応MITライセンスで。
下記のJSとCSSをjQueryを読み込んだ後に書いてください。

とりあえずプラグイン名はksCircleCountDownです。
使用方法ですが、適当なDIV要素に対して、$('div').ksCircleCountDown();です。
div要素のdata-count属性を付与してやって、そこにカウントダウンの数値を指定する感じです。
カウンタが0になったらKSCIRCLECOUNTDOWNFINISHイベントが発火します。
終わったことがわからないと困るので。
あとはテストコード見てください。

実際の動作はこちらを確認ください。