/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
.fade-transition {
  transition: all 0.5s ease;
}

.fade-enter, .fade-leave {opacity:0;}
.fade-leave{}
</style>
</head>
<body>

  <!-- Modal -->
<div id="ppk-modal" class="modal fade" tabindex="-1" >
    <div class="modal-dialog" >
        <div class="modal-content" style="background:#16387B; color: #ffffff; text-align:center; border:none;">
            <div class="modal-header" style="border:none;">

                    <h4 class="modal-title">Puhtaanapito J.Kuisma on nyt osa Deleteä.</h4>
            </div>
            <div class="modal-body" style="border:none;">Siirryt automaattisesti Deleten verkkosivuille www.delete.fi <span class="seconds"></span> sekunnin kuluessa.<br>
          </div>
            <div class="modal-footer" style="background:#16387B; border:none; padding-bottom: 20px;"><img style="display:block; width:252px; margin:auto;" src="http://www.delete.fi/wp-content/themes/skeleton_wp-master/skeleton_childtheme/images/footer_logo.png"></div>
            </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script id="jsbin-javascript">
var countDown = {
  init: function(){

  var seconds = 4;

  jQuery(".seconds").html(seconds);
  jQuery("#ppk-modal").modal();

  var refreshSeconds = setInterval(function(){
     seconds = seconds - 1;
     jQuery(".seconds").html(seconds);

    if(seconds === 0) {
      clearInterval(refreshSeconds);
      //window.location.href = 'http://www.delete.fi';
    }
  }, 1000);
}
}

jQuery(document).ready(function(){

 countDown.init();
});
</script>


<script id="jsbin-source-css" type="text/css">

.fade-transition {
  transition: all 0.5s ease;
}

.fade-enter, .fade-leave {opacity:0;}
.fade-leave{}</script>

<script id="jsbin-source-javascript" type="text/javascript">var countDown = {
  init: function(){

  var seconds = 4;

  jQuery(".seconds").html(seconds);
  jQuery("#ppk-modal").modal();

  var refreshSeconds = setInterval(function(){
     seconds = seconds - 1;
     jQuery(".seconds").html(seconds);

    if(seconds === 0) {
      clearInterval(refreshSeconds);
      //window.location.href = 'http://www.delete.fi';
    }
  }, 1000);
}
}

jQuery(document).ready(function(){

 countDown.init();
});</script></body>
</html>

## jsbin.mirihafaxa.css
.fade-transition {
  transition: all 0.5s ease;
}

.fade-enter, .fade-leave {opacity:0;}
.fade-leave{}

## jsbin.mirihafaxa.js
var countDown = {
  init: function(){

  var seconds = 4;

  jQuery(".seconds").html(seconds);
  jQuery("#ppk-modal").modal();

  var refreshSeconds = setInterval(function(){
     seconds = seconds - 1;
     jQuery(".seconds").html(seconds);

    if(seconds === 0) {
      clearInterval(refreshSeconds);
      //window.location.href = 'http://www.delete.fi';
    }
  }, 1000);
}
}

jQuery(document).ready(function(){

 countDown.init();
});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://code.jquery.com/jquery.min.js"></script>
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	.fade-transition {
	transition: all 0.5s ease;
	}

	.fade-enter, .fade-leave {opacity:0;}
	.fade-leave{}
	</style>
	</head>
	<body>

	<!-- Modal -->
	<div id="ppk-modal" class="modal fade" tabindex="-1" >
	<div class="modal-dialog" >
	<div class="modal-content" style="background:#16387B; color: #ffffff; text-align:center; border:none;">
	<div class="modal-header" style="border:none;">

	<h4 class="modal-title">Puhtaanapito J.Kuisma on nyt osa Deleteä.</h4>
	</div>
	<div class="modal-body" style="border:none;">Siirryt automaattisesti Deleten verkkosivuille www.delete.fi <span class="seconds"></span> sekunnin kuluessa.<br>
	</div>
	<div class="modal-footer" style="background:#16387B; border:none; padding-bottom: 20px;"><img style="display:block; width:252px; margin:auto;" src="http://www.delete.fi/wp-content/themes/skeleton_wp-master/skeleton_childtheme/images/footer_logo.png"></div>
	</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

	<script id="jsbin-javascript">
	var countDown = {
	init: function(){

	var seconds = 4;

	jQuery(".seconds").html(seconds);
	jQuery("#ppk-modal").modal();

	var refreshSeconds = setInterval(function(){
	seconds = seconds - 1;
	jQuery(".seconds").html(seconds);

	if(seconds === 0) {
	clearInterval(refreshSeconds);
	//window.location.href = 'http://www.delete.fi';
	}
	}, 1000);
	}
	}

	jQuery(document).ready(function(){

	countDown.init();
	});
	</script>


	<script id="jsbin-source-css" type="text/css">

	.fade-transition {
	transition: all 0.5s ease;
	}

	.fade-enter, .fade-leave {opacity:0;}
	.fade-leave{}</script>

	<script id="jsbin-source-javascript" type="text/javascript">var countDown = {
	init: function(){

	var seconds = 4;

	jQuery(".seconds").html(seconds);
	jQuery("#ppk-modal").modal();

	var refreshSeconds = setInterval(function(){
	seconds = seconds - 1;
	jQuery(".seconds").html(seconds);

	if(seconds === 0) {
	clearInterval(refreshSeconds);
	//window.location.href = 'http://www.delete.fi';
	}
	}, 1000);
	}
	}

	jQuery(document).ready(function(){

	countDown.init();
	});</script></body>
	</html>