Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2242 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Afficher/Cacher les div après x seconde

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Afficher/Cacher les div après x seconde

n°2019988
najim78
Posté le 30-08-2010 à 23:01:04  profilanswer
 

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 :
  1. <script type="text/JavaScript">
  2.       var etat_altern = 0;
  3.  
  4.      function altern(){
  5.       if(etat_altern==0){
  6.       etat_altern = 1;
  7.       Layer1.style.visibility = 'hidden';
  8.       Layer2.style.visibility = 'visible';
  9.       }
  10.       else{
  11.       etat_altern = 0;
  12.       Layer1.style.visibility = 'visible';
  13.      Layer2.style.visibility = 'hidden';
  14.       }
  15.       setTimeout("altern()",1000);
  16.       }
  17.         altern(); 
  18. </script>


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

mood
Publicité
Posté le 30-08-2010 à 23:01:04  profilanswer
 

n°2020013
olivthill
Posté le 31-08-2010 à 09:30:19  profilanswer
 

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

n°2024949
igor206
Posté le 24-09-2010 à 17:13:07  profilanswer
 

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

Code :
  1. <html><head>
  2. <style type="text/css">
  3. <!--
  4. #Layer1 {
  5. position:absolute;
  6. left:171px;
  7. top:50px;
  8. width:406px;
  9. height:320px;
  10. z-index:1;
  11. background-color: #00FF00;
  12. }
  13. #Layer2 {
  14. position:absolute;
  15. left:199px;
  16. top:40px;
  17. width:346px;
  18. height:362px;
  19. z-index:2;
  20. background-color: #FF0000;
  21. }
  22. -->
  23. </style>
  24. </head>
  25. <body>
  26. <div id="Layer1"></div>
  27. <div id="Layer2"></div>
  28. <script type="text/JavaScript">
  29. var etat_altern = 0;
  30. function altern(){
  31. if(etat_altern==0){
  32. etat_altern = 1;   
  33. document.getElementById('Layer1').style.visibility = 'hidden';
  34. document.getElementById('Layer2').style.visibility = 'visible';
  35. }
  36. else{
  37. etat_altern = 0;
  38. document.getElementById('Layer1').style.visibility = 'visible';
  39. document.getElementById('Layer2').style.visibility = 'hidden';
  40. clearTimeout(mon_timer_id);
  41. }
  42. mon_timer_id=setTimeout("altern()",1000);
  43. }
  44. altern();
  45. </script>
  46. </body>
  47. </html>

n°2027454
cetplus
Wazard dans l'ombre
Posté le 07-10-2010 à 09:28:19  profilanswer
 

Bonjour
Je donne à titre indicatif ce code :

Code :
  1. javascript:pluie(1,1);
  2. function pluie(x,y)
  3. {
  4. if (x == 20)
  5. {
  6. javascript:pluie(1,20);
  7. }
  8. document.tra.hop.value = x;
  9. var x=x+1;
  10. document.getElementById("rain"+y).id = "rain"+x;
  11. var y=x;
  12. setTimeout('pluie('+x+','+y+')', 200);
  13. }


 
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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Afficher/Cacher les div après x seconde

 

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


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR