JS таймер след който се показват и скриват 2 div-a

[LuBaTa]

Трябва ми Javascript който след 10 секунди примерно скрива div - predi и показва div - sled..
Таймера трябва да показва колко секунди остават до скриването и показването
Някой да помогне, че ме няма въобще във JS..

 

[NevarMore]

Секунда ей сега ще ти го напиша

 

[LuBaTa]

Ето кода който ползвам: http://jsfiddle.net/s7NXz/
След 10 секунди се сменя div-a, но искам да отброява 10,9,8,7,..0

 

[NevarMore]

Ето кода който ползвам: http://jsfiddle.net/s7NXz/
След 10 секунди се сменя div-a, но искам да отброява 10,9,8,7,..0

Точно 10 секунди ли го искаш ... понеже не знам как да ти го направя с JC ще ти го направя на img и ще е същият ефект после някой ще добави как става

 

[NevarMore]

Ето извинявай,че се забавих ходих да ям .......
<!DOCTYPE html>
<html>
<head>
<style>
#div1{
height: 90px;
width: 90px;
background:red;
}
div{
position: relative;
height: 90px;
width: 90px;
display: inline-block;
}
#div2{

background:yellow;
}

#div3{

background:black;
}

#div4{

background:green;
}
</style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#div1').fadeOut()
$('#div2').fadeOut()
});



function myFunctio()
{

$('#load').hide()
$('#div1').fadeIn()
$('#div2').fadeIn()
$('#div3').fadeOut()
$('#div4').fadeOut()

}
function load(){
$('<img src="10.gif"/>').appendTo('#load');
}

</script>
</br>

<button class="sled" onclick="load();setTimeout('myFunctio()',10000);">След</button>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="load" ></div>

</html>

примера ти е това и сега снимката
http://prikachi.com/images/687/5853687p.gif
ако имаш някакви проблеми при вписването му в твоя код пиши

 

[NevarMore]

Ако искаш може да замениш горния код на скрипта с $(document).ready(function(){
$('#div1').hide()
$('#div2').hide()
});


да не се вижда как изчезват ........ както си прецениш

може и тук също да го използваш вместо $('#div3').fadeOut()
$('#div4').fadeOut() да е $('#div3').hide()
$('#div4').hide()

 

[LuBaTa]

Аз си скалъпих такъв код(от няколко други), но все пак благодаря