Afficher/Cacher les div après x seconde

Marsh Posté le 30-08-2010 à 23:01:04

Bonjour,
Voila je cherche un script pour cacher un div au bout de x seconde puis directement après il est remplcer par une autre div mes qui reste permanent cette fois.

j'ai trouver ca sur le net :

Code :

<script type="text/JavaScript">
var etat_altern = 0;
function altern(){
if(etat_altern==0){
etat_altern = 1;
Layer1.style.visibility = 'hidden';
Layer2.style.visibility = 'visible';
}
else{
etat_altern = 0;
Layer1.style.visibility = 'visible';
Layer2.style.visibility = 'hidden';
}
setTimeout("altern()",1000);
}
altern();
</script>

Mes ça ce répète -_-
Merci d'avance
Cordialement

Reply

Marsh Posté le 30-08-2010 à 23:01:04

Reply

Marsh Posté le 31-08-2010 à 09:30:19

Ajoutez un identifiant à votre timer par

mon_timer_id=setTimeout("altern()",1000);

puis, supprimer le timer quand il n'est plus utile, par

clearTimeout(mon_timer_id);

Reply

Marsh Posté le 24-09-2010 à 17:13:07

Bonjour,
J'ai essayé comme ceci car la solution m'intéresse aussi, mais cela ne fonctionne pas :??:

Code :

<html><head>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:171px;
top:50px;
width:406px;
height:320px;
z-index:1;
background-color: #00FF00;
}
#Layer2 {
position:absolute;
left:199px;
top:40px;
width:346px;
height:362px;
z-index:2;
background-color: #FF0000;
}
-->
</style>
</head>
<body>
<div id="Layer1"></div>
<div id="Layer2"></div>
<script type="text/JavaScript">
var etat_altern = 0;
function altern(){
if(etat_altern==0){
etat_altern = 1;
document.getElementById('Layer1').style.visibility = 'hidden';
document.getElementById('Layer2').style.visibility = 'visible';
}
else{
etat_altern = 0;
document.getElementById('Layer1').style.visibility = 'visible';
document.getElementById('Layer2').style.visibility = 'hidden';
clearTimeout(mon_timer_id);
}
mon_timer_id=setTimeout("altern()",1000);
}
altern();
</script>
</body>
</html>

Reply

Marsh Posté le 07-10-2010 à 09:28:19

Bonjour
Je donne à titre indicatif ce code :

Code :

javascript:pluie(1,1);
function pluie(x,y)
{
if (x == 20)
{
javascript:pluie(1,20);
}
document.tra.hop.value = x;
var x=x+1;
document.getElementById("rain"+y).id = "rain"+x;
var y=x;
setTimeout('pluie('+x+','+y+')', 200);
}

Je l'ai créé à la base pour animer de la pluie.
Donc, le processus à chaque tour change l'id => change l'image css.
Maintenant j'ai rénové avec une image gif transparente, pour éviter tout confusion avec le reste du javascript.

Reply

Afficher/Cacher les div après x seconde

Sujets relatifs:

Leave a Replay