Discussion :

[fabio bonzini]

Bonjour à tous,

nouveau sur ce forum, je viens chercher de l'aide.

débutant complet en JS, je cherche à ajouter un timer sur mon sous-menu lorsque celui-ci s'affiche : quand la souris passe sur le menu, le sous-menu s'affiche. je souhaite mettre un timer de 2-3 sec sur ce sous menu dès que la souris n'est plus pointée sur ce sous-menu (ou sinon dès le déroulement du sous-menu).
j'ai fouillé sur pas mal de forum avant de demander, mais pas réussit à trouver qqchose qui m'aille !

qq'un aurait-il un bout de script à insérer dans mon html ?

merci pour votre aide !

[SylvainPV]

Bonsoir,

Les deux éléments qu'il te faut sont setTimeout/clearTimeout et les évènements mouseenter/mouseleave.
Avec la logique qui suit :
- au mouseleave sur ton menu, lancer un setTimeout de 3 secondes qui déclenchera un callback pour fermer le menu
- au mouseenter sur ton menu, annuler le timeout avec clearTimeout s'il en existe un