2016-12-24 1 views
-1

プロジェクトでjQueryカウントダウンタイマーを実装したいと思います。最近、私は私がやりたい私は、次のコードタイマーが0になったときにアクションを作成する方法

<script> 
    $(function(){ 
     $('#ms_timer').countdowntimer({ 
      minutes :2, 
      seconds : 00, 
      size : "lg" 
     }); 
    }); 
</script> 

を使用したリンク

http://harshen.github.io/jquery-countdownTimer/

にあるタイマーを使用するタイマーがゼロに当たったとき、私は警告"Time OVer"

を作りたいということです

これはどのように実装できますか?

答えて

3

によるdocumentationあなたはこのようtimeupコールバックを使用することができます。

$(function(){ 
    $("#more_options").countdowntimer({ 
     minutes : 20‚ 
     size : "lg"‚ 
     tickInterval : 5‚ 
     timeSeparator : "-"‚ 
     timeUp : timeisUp // <----- Closure method name 
    }); 

    function timeisUp() { 
     // Code to be executed when timer expires. 
     alert('Time is Up!'); 
    } 
}); 

タイムアップ:これはカウントダウンがゼロになったときに呼び出されるコールバック関数の名前です。関数内では、これはウィジェットを保持するディビジョンを指します。パラメーターは渡されません。このオプションには引用符を付けずに名前を指定します。

+0

それがあなたのために働いたことを知ってうれしい! –

+0

もう1つの質問があります。このjqueryの中に、ボタンをクリックしないでこのタイマーを一時停止したい場合、任意のオプションがあります。 –

+0

ドキュメントによると、それはサポートされていません! –

関連する問題