Afficher/Cacher les div après x seconde

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Afficher/Cacher les div après x seconde

najim78

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

Publicité

olivthill

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);

igor206

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>

cetplus

Wazard dans l'ombre

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.

FORUM HardWare.fr

Programmation

HTML/CSS

Afficher/Cacher les div après x seconde

Sujets relatifs
Cacher l'implémentation d'une interface	Afficher une image sous VB
JS pour afficher/masquer div ne fonctionne pas	script pour afficher des images de webcam
[SWT] Afficher image en plein ecran	Afficher liste paramètres Fonction VBA
Afficher les infos d'un var_dump()	Afficher date dans master page
afficher un objet de transmission d'un lien	Créer un widget type iframe pour afficher ses derniers articles
Plus de sujets relatifs à : Afficher/Cacher les div après x seconde

Page générée en 0.050 secondes