alors on y va pour voir comment créer un compteur comme ça à partir d’une date pourrait bien définir la sortie d’un produit d’un service de tous couler de votre site de votre portfolio et donc on va voir comment on fait ça en javascript donc là on est sur mon site l’école du web parce que dans deux jours eh bien il ya le parcours fronde qui sort où je vais vous mettre tous les cours ensemble en un grand paquet pour devenir développeurs feront donc vous aurez tous les cours sur l’école plus quelques-uns qui vont sortir donc on va voir comment on fait ça directement de manière la plus simple mais en utilisant la même méthode justicier alors on commence juste là on a juste un h2d mode heitz voilà il est juste par ici et donc on va s’occuper de tout ça en js on va voir que du js aujourd’hui donc ici on va pouvoir commencer avec constat ou par exemple qui est égale new day 2 points gay times on va voir ce que ça nous donne des détails et donc ensuite on verra également construit et bien comme down take par exemple est égale new day tu es là ce qui va être différent c’est que on va donner une date par exemple mail one 2021 points gay times également alors qu’est ce qu’on vient de faire ici pourquoi on utilise le nude eight et c est bien d’abord on va se loguer tout ça ce sera plus facile pour le comprendre hop qu’est ce que c’est que ce bazar qu’est ce que c’est que ces énormes nombre qu’on a juste là eh bien il a été défini une date en js pour pouvoir justement mieux travailler avec les dates c’est le 1er janvier 1970 se situe pas de bêtises et donc newgate point gettime donc notre date actuelle c’est le nombre de milices seconde qu’il ya eu depuis le 1er janvier 1970 et là c’est la date où on veut aller c’est le 1er mai 2021 donc forcément vu qu’on n’y est pas encore eh bien elle sera plus grande que la date de maintenant ok et donc c’est pour ça qu’on a un nombre ici qui est légèrement plus grand que celui là donc on a bien une différence entre les deux et cette différence on va pouvoir du coût calculé à partir de cette différence le nombre de jours le nombre d’heures le nord le nombre de minutes 2 secondes et c’est ok donc les deux partants fait de cette même base du 1er janvier 1970 mais il ya une des deux dates qui va plus loin que l’autre d’accord qui va plus loin que l’autre est donc à partir de cette différence on va pouvoir faire tout ce qu’on veut et découvrir tout ce qu’on veut donc ça on peut le mettre en commentaire tac alors j’ai pas trop aimé aujourd’hui désolé pour ceux qui sont sur portable et selon les calculs ça va donner n’importe quoi ok donc on peut se mettre ça en commentaire voilà et donc maintenant on va avoir cette fameuse distance consistance pays est égal quand d’haïti – nawa ok donc on a cette fameuse distance en millisecondes et à partir de là on peut calculer par exemple les days les jours qui reste notre point fort donc ça arrondi à l’entier inférieur si on à 5,7 ça nous donne 5 sur l’a52 secs etc et donc on va voir distance base / 1000 x 60 x 60 x 24 logo ici pour voir s’il nous reste des jours jusqu’au 1er mai il nous en reste deux ok et donc vu qu’aujourd’hui on est de 28 eh bien il nous reste bien deux jours jusqu’au un 1er mai et quelques heures d’accord et ans qu’est ce que c’est que ce calcul c’est un jour en millisecondes mille fois 60 secondes soit 60 minutes x 24 là et donc si vous donne un jour en millisecondes donc on divise cette distance qui nous reste qu on a en millisecondes par un jour en millisecondes et donc ça nous donne le nombre de gens et on peut continuer pour le reste donc constant à worms est égal nate point flore pareil mais là ça va être un petit peu différentes distances base modulo ce qu’on a juste au dessus alors 1000 x 60 x 60 x 24 et le tout sera divisé pas 1000 x 60 x 60 pourquoi fait ça pourquoi on fait un module haut pourquoi ici et bien on est obligé de diviser 6000 x 60 x 60 par le reste c’est ça que ça veut dire un mot du lot c’est le reste d’une division donc là c’est le reste de la division de distance base par le nombre de jours en millisecondes parce que finalement c’est le nombre d’heures qui reste on n’a pas envie d’avoir le nombre d’heures totales on a envie d’avoir le nombre d’heures qui reste après avoir enlevé comme ça les jours donc c’est pour ça qu’on fait ici de distance base modulo 1060 60 24 et donc on a le nombre d’heures qui reste on a bien hâte 6 heures ici très bien et on peut continuer après on va avoir les minutes et les secondes donc matt point flore ici donc pareil du coup distance base modulo cette fois mille fois sa sainte foy 60 justes et parfois 24 d’accord donc par rapport aux eur et ici on fait / 1000 x 60 et donc on va voir le nombre de minutes puis je finis les seagulls matt point flore et on va voir distance base modulo mille fois 60 le tout divisé par mille comme ça ok et donc ici bien on a fini par avoir tout ce qu’on veut on peut faire notre chronomètre comme ça tac notre compteur on a bien deux jours 6 heures 23 minutes 52 secondes voilà et si on actualise évidemment et bien ça va actualiser les seconds ici wake up s’actualise comme ça ok donc maintenant on a envie d’afficher tout ça dans notre h 2 donc on va pouvoir venir le sélectionneur on peut le sélectionné ici également si on veut on va plus le faire en europe à ce que après on va créer une fonction donc on va plus faire ici construit six textes par exemple est égal de clymène point cléry selector et puis on va prendre notre revanche 2 tout simplement est donc ici on va faire un texte point in her texte à l’intérieur est égal on ouvre les bugs 6 et on va avoir des is et puis on met un petit j après pour les jours ensuite on va avoir c’était quoi a pris aouate on va mettre h et ensuite on va avoir 1 minute on va mettre m et ensuite on va voir ici les seconds c’est comme ça et on va mettre s directement hockey et donc on a bien comme ça on a bien notre compteur qui est juste essayer qui fonctionne et qui s’actualise et regardez on va passer à la minute en dessous hop on est bien passé à la minute en trucs comme ça ok très bien mais ici ce n’est pas très dynamique c’est à dire ça se met pas à jour tout seul ça se met pas à jour tout seul et donc pour s’en va devoir utiliser cet intervalle mais avant ici tout ce qu’on a on pourrait le mettre dans une fonction du qu’on va le réutiliser je vais mettre fonction des chronos par exemple et donc je vais prendre tout ça regardez up et je vais le mettre à l’intérieur et je peux même me prendre ça que j’ai ici up et je vais le mettre juste là d’accord est donc juste là je me laissais la sélection du h2 et là je vais avoir ma fonction des chronos et donc si je l’appelle une fois regarder ce qui se passe hop ça fonctionne ça s’appelle une fois et donc ça va toujours me faire ce que j’avais précédemment c’est important de bien séparer tout toute sa logique en js dans des petites fonctions on essaye qui servent juste à faire une chose donc là on calcule le temps et on affiche comme ça et donc on va pouvoir utiliser maintenant un intervalle donc on va venir ici se le créer constr 40 down internal est égale cet intervalle tac pourquoi je les mets dans une constante en fait j’ai mis dans une constante ce que retourne cet intervalle vous ne savez peut-être pas mais cet intervalle cette méthode retourne son index s’il y en a trois par exemple je vais avoir et bien plusieurs index le premier à avoir l’index 1-2-3 comme ça hockey et ça va nous servir à supprimer les intervalles si on en a envie avec leurs annexes comme ça donc ici en second argument je lui passe mais il me lit secondes donc ça va être appelé toutes les miens une seconde c’est à dire que cette fonction ici le colback va être colbac va être rappelé toutes les une seconde comme ça très bien et donc à l’intérieur de cette fonction call back elle va exécuter elle-même guette chrono directement regardez gate chrono et l’emploi dès maintenant hop ça fonctionne ça fonctionne en fait ça va juste refaire ça à chaque fois ça va tak tak savent alors offert à chaque fois comme ça donc le fait d’avoir en capsules et tout ça dans une fonction nous permet d’avoir quelque chose de beaucoup plus clean comme ça et donc de beaucoup plus efficace ok et voilà comment on fait un compte à rebours j’espère que ça vous a plu alors je vous mets le code source justicier vous avez juste à le copier c’est pas trop trop longs faut juste faire attention aux calculs sinon si vous avez besoin d’entre aide ou si vous voulez entrer des gens aussi vous nous rejoindre sur le discorde ou si vous parlez aussi si vous voulez parler de développement web d’entrepreneuriat etc on fait tout ça sur le discorde ya également des défis si vous voulez vous mettre à l’épreuve et faire des petites création d’interfaces d’animation où on utilise plusieurs plusieurs techno et bien vous pouvez aussi trouver tout ça sur le discorde à les rejoignent également la newsletter suivez mes cours et 11 et la prochaine cha