title: Display message after countdown
body: <p>I have currently created a countdown timer using javascript. I want to display a message right after the countdown finishes. So, how do I display that text message if the countdown finishes?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
   
   var note = $('#note'),
    ts = new Date(2012, 0, 1),
    newYear = true;
   
   if((new Date()) &gt; ts){
    // The new year is here! Count towards something else.
    // Notice the *1000 at the end - time must be in milliseconds
    ts = (new Date()).getTime() + 24*60*60*1000;
    newYear = false;
   }
    
   $('#countdown').countdown({
    timestamp : ts,
    callback : function(days, hours, minutes, seconds){
     
     var message = "";
     
     message += hours + " jam ";
     message += minutes + " minit" + " dan ";
     message += seconds + " saat" + " lagi!";
     
    
     note.html(message);
    }
   });
   
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;title&gt;&lt;/title&gt;
          
          &lt;!-- Our CSS stylesheet file --&gt;
          &lt;link rel="stylesheet" href="assets/css/styles.css" /&gt;
          &lt;link rel="stylesheet" href="assets/countdown/jquery.countdown.css" /&gt;
          
          &lt;!--[if lt IE 9]&gt;
            &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
          &lt;![endif]--&gt;
      &lt;/head&gt;
      
      &lt;body&gt;
  &lt;div id="continer"&gt;
    &lt;p&gt;&lt;span id="timer"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;  
          &lt;center&gt;&lt;img class="title" src="title.svg"&gt;&lt;/center&gt;
          &lt;img class="icon1" src="icon1.svg"&gt;
          &lt;img class="icon2" src="icon2.svg"&gt;
  
    &lt;div id="countdown"&gt;&lt;/div&gt;
  
    &lt;p id="note"&gt;&lt;/p&gt;
  
          &lt;!-- JavaScript includes --&gt;
    &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="assets/countdown/jquery.countdown.js"&gt;&lt;/script&gt;
    &lt;script src="assets/js/script.js"&gt;&lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Below is the code that I used</p>