これは時間をカウントダウンさせるプラグインです。
複数の値が設定でき、個々にコールバックを呼び出せます。
about plugin
このプラグインは時間をカウントダウンさせるものです。配列に時間を複数入力すれば個々に時間をカウントダウンします。また、時間は「時」「分」「秒」毎に出力できるのでデザインを妨げません。
install plugin
- HTML
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Timecount.js</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="js/jquery.timecount.min.js"></script> <script> $(function(){ $(".date").timecount({ timer:[8,3] }); }); </script> </head> <body> <p class="date"> <span class="h"></span>時間 <span class="m"></span>分 <span class="s"></span>秒 </p> <p class="date"> <span class="h"></span>時間 <span class="m"></span>分 <span class="s"></span>秒 </p> </body> </html>
option
- timer秒単位の時間を入力
- Array //default null
- sppedカウントする速度(ms)
- default 1000
- hour時を表示するクラス
- default ".h"
- minutes分を表示するクラス
- default ".m"
- second秒を表示するクラス
- default ".s"
- callback個々の時間が0になった場合の処理
- default function(){} //$(this)は個々の親要素
- finish全ての時間が0になった場合の処理
- default function(){} //$(this)は全ての親要素