délai disparition d'un div

Bonjour à tous,

j'ai parcouru tout le web en français et anglais pour trouver un moyen de réaliser la disparition d'un div (sous menu d'un menu dynamique) avec un délai.
J'ai trouvé des réponses du côté de SetTimeout mais comme je débute en js, j'ai du mal à adapter à mon code.
Merci beaucoup à ceux qui pourraient m'éclairer sur le sujet

-----------------------------------------------------------------------------------------------------------------------
Voici un exemple d'un div dans ma page:

<div style="display:none;" id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
            <ul>
                <li><a href="#">ssmenu 1</a></li>
                <li><a href="#">ssmenu 2</a></li>
                <li><a href="#">ssmenu 3</a></li>
            </ul>           
          </div>
------------------------------------------------------------------------------------------------------------------------
et voici le js permettant l'affichage et disparition du div, sans la fonction SetTimeout car je n'ai pas réussi à coder proprement

window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}

------------------------------------------------------------------------------------------------------------------------
merci à tous

Bonjour,

window.setTimeout(timer,200)//en remplaçant 200 par le temps en millisecondes (1/100 de secondes)
function timer()
{
//le code de ta fonction.
}

---

---

_^STFOU

Bonjour

une piste :
setTimeout(function()
    {  
    document.getElementById('smenu'+i).style.display='none';
    }, 200);

Cordialement
Roro webDev

roro >
Euh non, car il attendrai 200 millisecondes a chaque répetition de la boucle for, plutot :


window.setTimeout(function()
    {   
   for(i=0;i<...)
   {
    document.getElementById('smenu'+i).style.display='none';
   }
    }, 200);

---

---

_^STFOU

Bonjour

oui, tu as raison, je répondais surtout à l'utilisation du setTimeout, mais c'est vrai qu'il fallait y faire entrer la boucle for

Cordialement
Roro webDev

merci beaucoup de vous pencher sur mon problème,

Néanmoins, je ne parviens toujours pas au résultat (work in progress )
Bon je vais m'acharner encore un peu !

voici la page sur laquelle je bosse, je souhaiterais juste que mes deux sous-menus disparaissent avec un petit délai.
[ Lien ]
et mon fichier js : [ Lien ]

merci encore.

C'est après une journée complète dans le code ( mal au crâne pour un débutant )
que je vous sollicite pour une éventuelle aide pour mon projet. Je réalise ce site en tant qu'étudiant pour un projet de 3eme année en webdesign.

[ Lien ]
[ Lien ]

les codes que vous me proposez semblent juste mais je pense que je n'arrive pas à l'adapter à ma situation.
J'ai trouvé une source illustrant l'idée
[ Lien ]

merci à ceux qui pourront m'éclairer