javascriptカウントダウンを停止

Question

私はJavaScriptを使用してカウントダウンスクリプトを作成しようとしています。しかし、私は停止カウントと1つの問題があります。

私はあなたのページのロード後にカウントダウンは問題があるが、そこではありません開始します見ることができますcodepen.io

このデモで

からこのDEMOを作成しました。しかし、fadeOutのカウントダウン後にデベロッパーコンソールで確認すれば、-1、-2、-3のようなカウントダウンを見ることができます。

私の質問はfadeOutの後にカウントダウンを止めるにはどうすればいいですか？

JS

$(document).ready(function() { 
    var sec = 5 
    var timer = setInterval(function() { 
     $("#mdtimer span").text(sec--); 
     if (sec == 0) { 
     $("#makingdifferenttimer").delay(1000).fadeIn(1000); 
     $("#mdtimer").hide(1000).fadeOut(fast); 
     } 
    }, 1000); 
}); 

Answer 1

あなたはfadeOutコールバックでタイマーを停止するclearInterval()機能を使用する必要があります。

clearInterval(timer); 

はfadeOut()completeオプションを参照してください。

あなたの更新例：

$(document).ready(function() { 
    var sec = 5 
    var timer = setInterval(function() { 
     $("#mdtimer span").text(sec--); 
     if (sec == 0) { 
     $("#makingdifferenttimer").delay(1000).fadeIn(1000); 
     $("#mdtimer").hide(1000).fadeOut(500, function() { 
      clearInterval(timer); 
     }); 
     } 
    }, 1000); 
});