重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

jQueryでカウントダウンタイマーのループ

締切済

  • 質問者：synchro-night
  • 質問日時：
  • 回答数：1件

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件)

No.1

  • 回答者： taloo
  • 回答日時：

見た感じでは、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で質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

今、見られている記事はコレ!

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報