Révéler un div après x secondes, et de révéler une autre div après y secondes
Je suis très nouveau à cela, mais je suis tenter de révéler div1 après 1 seconde, et de révéler div2 au bout de 5 secondes. Pour le moment, seulement div2 affiche après 1 seconde. Merci de m'aider à résoudre le javascript.
Je voudrais aussi savoir comment faire pour cacher div1 après div2 est affiché.
Mon code:
<div id="div1" style="visibility: hidden">Reveal Div 1 after 1 second</div>
<div id="div2" style="visibility: hidden">Reveal Div 2 after 5 seconds</div>
<script type="text/javascript">
function showIt() {
document.getElementById("div1").style.visibility = "visible";
}
setTimeout("showIt()", 1000); //after 1 sec
function showIt() {
document.getElementById("div2").style.visibility = "visible";
}
setTimeout("showIt()", 5000); //after 5 secs
</script>
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas avoir 2 fonction avec le même nom. Modifier la deuxième partie de
Démo: http://jsfiddle.net/W9YU5/
function showIt2()
codedocument.getElementById("div1").style.visibility = "hidden";
visibility: hidden
utilisationdisplay: none
et au lieu devisibility: visible
utilisationdisplay: block
(faire les mêmes réglages de code JavaScript ainsi)Deux problèmes.
setTimeout(showIt, 5000); //after 5 secs
jsFiddle exemple