Membuat Page Reddirect dengan Jquery

        Di pagi hari ini saya akan memberikan tutorial cara membuat page reddirect menggunakan JQUERY , tapi saya tidak akan menggunakan dreamweaver , tapi menggunakan JSFIDDLE , udah tau belum , kalok belom tau silahkan buka sendiri ya jsfiddle.net . 

ScreenShot

HTML

<div id="wrapper" align="center">
    <h2 class="error">Error 404: Page Not Found</h2>
    Akan segera di redirect ke HomePage</br>
    <span id="waktu">5</span>

CSS

#wrapper {
    width:300px;
    margin:50px auto;
    font-family:Comic Sans Ms;
}

.error {
    font-weight:bold;
    color:red;
}

#waktu {
    font-weight:bold;
    color:blue;
    font-size:50px;
}

Javascript

$(document).ready(function(){
var timer = setInterval(function(){
$("#waktu").html(function(i,html){
            
if(parseInt(html)>0)
{
 return parseInt(html)-1;
}
else
{
clearTimeout(timer);
alert("di redirect");
}
            
});
},1000);
});
                           
              

 Example : http://jsfiddle.net/phantom/CdWBc/

Jika ingin copy paste tutorial ini tolong cantumkan Sumbernya , dan follow blog ini . Terima Kasih