Utiliser setTimeout avec Display block ou none

Version imprimable

Bonjour,

Besoin d’un petit coup de pouce, car je bloque sur ce script avec setTimeout.
Surement déjà expliqué….
L’objectif principal étant d’afficher une image au démarrage de ma page et que celle-ci disparaisse quelques secondes plus tard.
Je pensais trouver la solution avec display en le modifiant par none ou block.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <title></title> <script type="text/javascript"> function delai_img() { document.getElementById("img_accueil").style.display = "block"; setTimeout(function delai_img() document.getElementById("img_accueil").style.display = "none"; , 5000); } </script> </head> <body> <img id="img_accueil" alt="" src="img.gif" style="border: 2px #0D96DA dotted;width:100px;height:50px; "/> </body> </html>
J'ai essayé avec Load dans body, mais sans résultat.

Cordialement,
Merci,

Bruno

28/01/2015, 15h20
yahiko

Avant toute chose, si tu utilises la méthode getElementById, tu dois t'assurer que ta page est bien chargée avant d'exécuter ton code.

Donc, place ton script JS à la du HTML, ou mieux, inclut l'appel de ta fonction principale dans un window.onload.

EDIT: d'autant plus que je remarque que tu n'appelles nulle part la fonction que tu as défini, ce qui risque de poser un souci.

De plus, tu defini ta fonction plusieurs fois...
Je pense que ceci (non testé) peu te servir de piste :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <html> <head> <title></title> </head> <body> <img id="img_accueil" alt="" src="img.gif" style="display:block; border: 2px #0D96DA dotted;width:100px;height:50px; "/> <script type="text/javascript"> function delai_img() { setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000); } delai_img(); </script> </body> </html>
Peut être devra tu utiliser :

Code:

document.getElementById("img_accueil").setAttribute("style", "display:none");

Code:

1 2 3 4 5 6 function delai_img() { setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000); } delai_img();
Dans ce cas, l'utilisation d'une fonction me semble quelque peu superfétatoire... :aie:
Code:

1 2 3 setTimeout(function(){ document.getElementById("img_accueil").style.display = "none";} , 5000);
revient au même. ;)

28/01/2015, 15h43
tepaze

Oui... C'est juste pour laisser l'opprtunité de lancer le setTimeout à convenance...
28/01/2015, 15h48
Bovino

T'en fais pas, moi c'était juste pour placer "superfétatoire" dans une discussion du forum ! :mouarf:
28/01/2015, 15h50
yahiko

Ce qui est indubitablement superfétatoire :mouarf:

(indubitablement placé !)
28/01/2015, 16h36
tepaze

Citation:

Envoyé par Bovino

T'en fais pas, moi c'était juste pour placer "superfétatoire" dans une discussion du forum ! :mouarf:

Bravo, défi relevé :-)
28/01/2015, 16h45
SpaceFrog

Quoi y'a une super fête à Thouars ?

Bonsoir à vous,

Merci, excellent....
J'ai opté pour :
Code:

1 2 3 4 setTimeout(function(){ document.getElementById("img_accueil").setAttribute("style", "display:none");} , 5000);
Merci beaucoup.