Bonjour à tous,

J'essaye depuis plusieurs jours de créé une fonction qui change une class par une autre et au bout de 3 secondes remet la class de base.

Problème : j'aimerai qu'a chaque appuis sur le bouton le temps se reset et que le timeout de 3 seconde recommence sans s'accumulez au seconde d'avant.

Mon code :

HTML

<button onclick="down()">click</button>

JAVASCRIPT

function down(){
  $('.videoContainer').find('.control').removeClass('control').addClass('stopcontrol');
  setTimeout(function(){ $('.videoContainer').find('.stopcontrol').removeClass('stopcontrol').addClass('control'); }, 3000);
}

Merci d'avance pour votre aide !

-
Edité par HenriPoitouPoutou 6 mai 2018 à 16:52:32

La fonction pour faire un "reset" de timeout est la fonction `clearTimeout`.

https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/clearTimeout