<div id="countdown"></div>
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700italic);
body {
  background-color: black;  
}
#countdown {
  font-family: 'Roboto Condensed', sans-serif;
  width: 200px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -50px;
  color: white;
  font-size: 5em;
  text-align: center;
  font-weight: bold;
  font-style: italic;
} 
var startNum;

function anim(n) {     
  $('#countdown').fadeIn('fast', function() {
    if ($(this).html() == "") {
      $(this).html(n); // init first time based on n
      startNum = n; // preserve param
    }
    $('#countdown').delay(600).hide('puff', 400, function () {
      if (n == 1) n = startNum; else n--;
      $(this).html(n);
      anim(n);
    }); // end puff
  });
}

$(function() {
  anim(25);
});

External CSS

  1. https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js