Comment différer une commande jquery

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Michel B., 22 Octobre 2015.

  1. Michel B.
    Michel B. Nouveau WRInaute
    Inscrit:
    19 Janvier 2008
    Messages:
    38
    J'aime reçus:
    2
    Bonjour,
    Pour le 1er avril 2016, je prépare une parodie d’une rubrique de mon site.
    Voici la page où figure le script dont je parle :
    http://courstoujours.olympe.in/Induction/Induction2016Bis.htm
    La « taque » apparait d’abord avec ses six points rouges fixes. Après deux secondes, une image transparente d’objets métalliques (id= ‘panoplie’) se superpose à la taque tandis que les points rouges (ainsi que la mention ERREUR !) se mettent à clignoter (class=’clignotement’).
    Idéalement, les cinq grands cercles et le petit devraient d’abord s’afficher en rouge (class=’TgR’ et ‘TpR’), puis en blanc (class=’TgB’ et ‘TpB’). Notez que les cercles sont des images transparentes (en background-image).
    Mais la commande :

    Code:
    $('.TgR').removeClass('TgR').addClass('TgB');
    que j’ai insérée s’applique dès le chargement de la page.
    Comment différer (de quelques secondes) cette commande ?

    Voici le script jquery (mais une consultation du code-source entier de la page sera plus claire) :

    Code:
    <script type="text/javascript" >
    //<![CDATA[
    $(function(){
    $('#panoplie').hide(0).delay(2000).show(100);
    $('td').delay(2050);
    $('.TgR').removeClass('TgR').addClass('TgB');
    //Cette commande s'exécute immédiatement
    //et devrait s'exécuter après 2 ou 3 secondes seulement
    //(en même temps que l'affichage
    //de l'image 'objetsmetalliques'=id'panoplie'
    blink();
    });
    function blink(){
    $(".clignotement").animate({opacity:1},400).animate({opacity:0},200);
    setTimeout("blink()",200);
    }
    //]]>
    </script>
    Cordialement.
     
  2. franckM
    franckM WRInaute impliqué
    Inscrit:
    15 Novembre 2007
    Messages:
    797
    J'aime reçus:
    0
    SetTimeout() ?
     
  3. Michel B.
    Michel B. Nouveau WRInaute
    Inscrit:
    19 Janvier 2008
    Messages:
    38
    J'aime reçus:
    2
    Je vous remercie, frankM, pour votre réponse.
    Si vous regardez le bout de code que j’ai inséré dans mon billet précédent (baissez l'ascenseur pour voir tout), vous constaterez que SetTimeout y figure déjà, certes pour la fonction "blink".
    Il faudrait alors intégrer

    Code:
    $('.TgR').removeClass('TgR').addClass('TgB');
    dans une fonction mais je ne vois pas comment.

    En outre, la fonction "blink" est retardée par
    Code:
    $('td').delay(2050);
    et non par SetTimeout.

    Cordialement.
     
Chargement...
Similar Threads - différer commande jquery Forum Date
Différer le paiement du compte Adsense sur plusieurs mois ? AdSense 6 Août 2013
Paiement Paypal pour souscription : possible de différer ? Monétisation d'un site web 18 Février 2009
Comment différer une video youtube a l'affichage Développement d'un site Web ou d'une appli mobile 26 Décembre 2008
Commande site : monsite.com. Comment récupérer les URL dans un fichier ? Crawl et indexation Google, sitemaps 2 Juillet 2022
Commande de recherche Google par langue ? Google : l'entreprise, les sites web, les services 10 Juin 2022
Où faut-il mettre les commandes spéciales de Google ? Débuter en référencement 21 Décembre 2021
Search Console Nombre de pages indexées différent sur la commande "site:" Débuter en référencement 15 Avril 2021
Certains cookies utilisent incorrectement l’attribut recommandé « SameSite » Développement d'un site Web ou d'une appli mobile 27 Janvier 2021
Connaître l'âge d’un site sans commande whois Noms de domaine et référencement 27 Décembre 2020
WordPress Quel CDN recommandez-vous? Administration d'un site Web 21 Novembre 2020
Besoin de conseil pour un site WEB de prise de commande Demandes d'avis et de conseils sur vos sites 9 Octobre 2020
La commande file est-elle fiable ? Développement d'un site Web ou d'une appli mobile 20 Mai 2020
Paramétrage d'un objectif de commande - Schéma de conversion Google Analytics 10 Mars 2020
Les commandes Amazon remontent mal dans Analytics Google Analytics 27 Février 2020
*** Si vous vous ennuyez, quelques commandes Gogole Référencement Google 14 Août 2019
syntaxe commande dans htaccess Crawl et indexation Google, sitemaps 8 Juillet 2019
à propos de la commande site:www.monsite.fr Référencement Google 22 Juin 2019
Les commandes Google before: et after: pour chercher par dates Référencement Google 10 Avril 2019
Problème de classification sur Google (commande "related") Problèmes de référencement spécifiques à vos sites 3 Septembre 2018
Google analytics : source commandes Google Analytics 29 Mai 2018