- 締切済み
jQueryでカウントダウンタイマーのループ
jquery-countdownのタイマーを作っています。 同じ時間を何度も繰り返す タイマーにしたいのですが うまくいきません。 jquery-countdown http://code.google.com/p/jquery-countdown/ demostration http://jquery-countdown.googlecode.com/svn/trunk/index.html このタイマーを ループさせたいと考えています。 15行目の timerEnd: function() { alert('end!!'); }, を変更するかと思いますが どのように変更すれば 何度も繰り返すループになるでしょうか？ <html> <head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="http://jquery-countdown.googlecode.com/svn/trunk/js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('#counter').countdown({ stepTime: 60, format: 'mm:ss', startTime: "00:10", image: 'http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png', digitWidth: 53, digitHeight: 77, timerEnd: function() { alert('end!!'); }, }); }); </script> </head> <body> <div id="counter"></div> </body> </html>
- synchro-night
- お礼率44% (71/161)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
見た感じでは、timerEndで同じ処理を呼び出せば良さそうですが。 $( function(){ function start_timer(){ _start_timer(); }//start_timer function _start_timer(){ $('#counter').countdown({ stepTime: 60, format: 'mm:ss', startTime: "00:10", image: 'http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png', digitWidth: 53, digitHeight: 77, timerEnd: start_timer, }) }//_start_timer start_timer(); });//$() 未検証です。 メモリリーク激しそうです。
お礼
解答ありがとうございます。 うまくループしましたが、 残念なことに 00：00になった画像が残り 右に追加されて しまうようです。 一旦、初期化？ 削除？ する処理が必要のようです。 なお、 タイマーを何個も重ねたいので 全部初期化するのは無理です。