カウントダウン後にメッセージを表示

私は現在、javascriptを使用してカウントダウンタイマーを作成しています。カウントダウンが終了した直後にメッセージを表示したい。だから、カウントダウンが終了したら、そのテキストメッセージをどのように表示するのですか？以下はカウントダウン後にメッセージを表示

$(function(){ 
 
\t 
 
\t var note = $('#note'), 
 
\t \t ts = new Date(2012, 0, 1), 
 
\t \t newYear = true; 
 
\t 
 
\t if((new Date()) > ts){ 
 
\t \t // The new year is here! Count towards something else. 
 
\t \t // Notice the *1000 at the end - time must be in milliseconds 
 
\t \t ts = (new Date()).getTime() + 24*60*60*1000; 
 
\t \t newYear = false; 
 
\t } 
 
\t \t 
 
\t $('#countdown').countdown({ 
 
\t \t timestamp \t : ts, 
 
\t \t callback \t : function(days, hours, minutes, seconds){ 
 
\t \t \t 
 
\t \t \t var message = ""; 
 
\t \t \t 
 
\t \t \t message += hours + " jam "; 
 
\t \t \t message += minutes + " minit" + " dan "; 
 
\t \t \t message += seconds + " saat" + " lagi!"; 
 
\t \t \t 
 
\t \t 
 
\t \t \t note.html(message); 
 
\t \t } 
 
\t }); 
 
\t 
 
});

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <meta charset="utf-8" /> 
 
     <title></title> 
 
     
 
     <!-- Our CSS stylesheet file --> 
 
     <link rel="stylesheet" href="assets/css/styles.css" /> 
 
     <link rel="stylesheet" href="assets/countdown/jquery.countdown.css" /> 
 
     
 
     <!--[if lt IE 9]> 
 
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
 
     <![endif]--> 
 
    </head> 
 
    
 
    <body> 
 
<div id="continer"> 
 
    <p><span id="timer"></span></p> 
 
</div> 
 
     <center><img class="title" src="title.svg"></center> 
 
     <img class="icon1" src="icon1.svg"> 
 
     <img class="icon2" src="icon2.svg"> 
 

 
\t \t <div id="countdown"></div> 
 

 
\t \t <p id="note"></p> 
 

 
     <!-- JavaScript includes --> 
 
\t \t <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
 
\t \t <script src="assets/countdown/jquery.countdown.js"></script> 
 
\t \t <script src="assets/js/script.js"></script> 
 

 
    </body> 
 
</html>

私はまあ、あなたがたsetInterval、てclearIntervalを使用して、あなたがすべき

function myFunction() { 
    var seconds = 0; 
    var finiteNumber = 300; // any number which can be calculated 
    var interval = setInterval(function(){ 
     seconds++; 
     if(seconds === finiteNumber) { 
      console.log(seconds); 
      clearInterval(interval) 
      } 
    }, 1000); 
}

出典

2017-05-19 user3103783

試み[この]（https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_countdown） – Durga

http://hilios.github.io/jQuery.countdown/documentation.html#イベント – fubar

を使用するコードです成功した1つの実行で自動的に停止するので、setTimeoutを使用してください。

function myFunction() { 
var myTimeInSeconds = 600; 
setTimeout(function(){ 
    console.log(seconds); 
    alert('Success'); 
    document.getElementById("demo").innerHTML = "Success Message!"; 
}, myTimeInSeconds); 
}

出典

2017-05-19 06:38:48 shaunak1111

を通過した秒を追跡するためにカウンタを使用することができます

出典

2017-05-19 11:10:39

カウントダウン後にメッセージを表示

答えて

関連する問題