Imprimer la Page | Fermez la fenêtre

image qui clignotte 3 ou 4 fois

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Scripts pour votre site
Description du Forum: Exemple de scripts utilisables dans les blocs de codes
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=23032
Date: 29 Mar 2024 à 12:46
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: image qui clignotte 3 ou 4 fois
Posté par: teppaz
Sujet: image qui clignotte 3 ou 4 fois
Posté le: 11 Oct 2017 à 21:57
Bonsoir à tous,

déjà je dois vous prévenir, j'ai un cerveau de bulot et une mémoire de poisson rouge, alors merci aux courageux qui décideront de m'aider...

j'aimerai, pour annoncer un nouveau produit, insérer une image qui clignoterait 3 ou 4 fois (afin de bien attirer le regard) et qui ensuite resterait fixe.
j'ai trouvé comment faire clignoter grâce à une réponse de "Dmit OE" sur un autre http://forum.openelement.com/fr/forum_posts.asp?TID=21120&title=clignotement-texte-et-image" rel="nofollow - post
mais rien pour stopper et que l'image reste fixe.
j'ai cru comprendre qu'il fallait définir une valeur de retour de setInterval sur une variable pour pouvoir utiliser clearInterval pour l'arrêter mais...
je l'avais dit, un bulot je suis

merci (déjà d'avoir lu mon post)



Réponses:
Posté par: Dmit OE
Posté le: 11 Oct 2017 à 22:38
$(function(){

var numClignotements = 4;
var intID = setInterval(function() {
    $('.blink').toggle(); 
    numClignotements--;
    if (numClignotements <= 0) {
        clearInterval(intID);
    }
  }, 1000); // 1000millisecondes = 1 seconde, interval de clignotement

});


a tester


Posté par: Hobby001
Posté le: 11 Oct 2017 à 23:02
Notez que l'intervalle de 1000 fait en sorte que chaque clignotement prend 2 secondes et que pour en avoir quatre il vous faudra 
var numClignotements = 8;


-------------
https://denislafrance.net" rel="nofollow - https://denislafrance.net https://www.youtube.com/playlist?list=PLWg7A6YtIr7VtnP3HvRpMhx8tFJET_fih" rel="nofollow - , Formation vidéo sur OE


Posté par: Dmit OE
Posté le: 11 Oct 2017 à 23:15
Oui c'est vrai, il faut compter chaque on+off comme 2 fois


Posté par: teppaz
Posté le: 12 Oct 2017 à 09:04
un grand merci à vous deux
ça fonctionne exactement comme je le souhaitais
mais maintenant il faut que je comprenne, alors direction la librairie pour acheter "javascript pour les nuls"

merci encore


Posté par: Dmit OE
Posté le: 12 Oct 2017 à 09:11
Il y a beaucoup de bons tutos pour des debutants sur le Web



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net