Show DevBest jQuery fade-in, countdown & redirect

[Weasel]

With help from

You must be registered for see links

(thanks), a little piece of Javascript. Title is explanation enough. Might be helpfull for you guys to use.

Javascript:

function redirect() {
$('#DIVID').fadeOut(1000, function() {
location.href = 'http://YOURWEBSITE.com/';
});
}
 
function countDown() {
countdown--;
 
if (countdown == -1) {
redirect();
 
return;
}
 
$('#countdown-holder').html(countdown);
 
setTimeout(countDown, 1000);
}
 
var countdown = 10;
 
$(function() {
$('#DIVID').hide();
 
$('#DIVID').fadeIn(1000, function() {
countDown();
});
 
$('#DIVID').click(redirect);
});

Countdown from 10-0:

<span id="countdown-holder">10</span>

 

[Sysode]

I love the fade-in effect from javascript, I use it on my personal site

 

[Markshall]

Some people might think, "why isn't this working?" That's because you need the jQuery library included AS WELL as the jQuery UI library.

Here:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>