Rendro カウントダウンを使用します ( http://github.com/rendro/countdown/ )
$('.countdown.callback').countdown({
date: +(new Date) + 10000,
render: function(data) {
$(this.el).text(this.leadingZeros(data.sec, 2) + " sec");
},
onEnd: function() {
$(this.el).addClass('ended');
}
}).on("click", function() {
$(this).removeClass('ended').data('countdown').update(+(new Date) + 10000).start();
});
スタイル付き出力
<div class="countdown styled"></div>
<h2>Countdown with callback</h2>
<p>Click on the green box to reset the counter to 10 sec.</p>
<div class="countdown callback"></div>
countdown = 0 の後にカウンターを (クリックせずに) 自動的に 10 にリセットする方法は? onEnd に onclick 関数を挿入しようとしましたが、機能しません。