Antivirus offre spéciale - jusqu'à 60 % de réduction avec openElement !
Accueil Forum Accueil Forum >

openElement

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - image qui clignotte 3 ou 4 fois
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

image qui clignotte 3 ou 4 fois

 Répondre Répondre
Auteur
Message
teppaz allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 22 Sep 2016
Pays: france
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer teppaz Citer  RépondreRéponse Lien Direct à ce Post Sujet: image qui clignotte 3 ou 4 fois
    Envoyé : 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 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)
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13520
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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
Haut de la page
Hobby001 allez vers le bas
Moderator Group
Moderator Group
Avatar
Modérateur

Depuis le: 14 Feb 2015
Pays: Canada
Status: Inactif
Points: 3378
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Hobby001 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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;


Edité par Hobby001 - 11 Oct 2017 à 23:05
Quand on veut mettre quelque chose en ligne on se fait prendre par quelque chose de gros
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13520
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 11 Oct 2017 à 23:15
Oui c'est vrai, il faut compter chaque on+off comme 2 fois
Haut de la page
teppaz allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 22 Sep 2016
Pays: france
Status: Inactif
Points: 7
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer teppaz Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 31 Mai 2012
Status: Inactif
Points: 13520
Options des messages Options des messages   Thanks (1) Thanks(1)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 12 Oct 2017 à 09:11
Il y a beaucoup de bons tutos pour des debutants sur le Web
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 10.18
Copyright ©2001-2014 Web Wiz Ltd.

Cette page a été affichée en 0,027 secondes.
Réserver en ligne un taxi, vtc, navette