電子書籍の厳選無料作品が豊富!

jquery-countdownのタイマーを作っています。
同じ時間を何度も繰り返す タイマーにしたいのですが うまくいきません。


jquery-countdown
http://code.google.com/p/jquery-countdown/

demostration
http://jquery-countdown.googlecode.com/svn/trunk …

このタイマーを ループさせたいと考えています。
15行目の
timerEnd: function() { alert('end!!'); },
を変更するかと思いますが どのように変更すれば 何度も繰り返すループになるでしょうか?



<html>
<head>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7. …
<script src="http://jquery-countdown.googlecode.com/svn/trunk … 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 …
digitWidth: 53,
digitHeight: 77,
timerEnd: function() { alert('end!!'); },
});
});
</script>
</head>
<body>
<div id="counter"></div>
</body>
</html>

※添付画像が削除されました。

A 回答 (1件)

見た感じでは、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 …
digitWidth: 53,
digitHeight: 77,
timerEnd: start_timer,
})
}//_start_timer
start_timer();
});//$()

未検証です。
メモリリーク激しそうです。
    • good
    • 0
この回答へのお礼

解答ありがとうございます。

うまくループしましたが、
残念なことに 00:00になった画像が残り
右に追加されて しまうようです。

一旦、初期化? 削除? する処理が必要のようです。


なお、
タイマーを何個も重ねたいので 全部初期化するのは無理です。

お礼日時:2012/11/24 21:26

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!