Comment actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript

Comment Actualiser Automatiquement Une Page Web Toutes Les 5 Secondes A L Aide De Javascript



En JavaScript, il existe des situations où nous devons nous assurer que le contenu saisi sur un site particulier est exact et à jour. Par exemple, il est nécessaire d'afficher le contenu le plus récent sur une page Web tout en remplissant un long formulaire et en observant les nouvelles modifications ou lorsque vous souhaitez tester un site Web. Dans de tels cas, l'actualisation automatique d'une page Web toutes les 5 secondes à l'aide de JavaScript est très utile pour faire face à ces types de situations.

Cet article discutera des méthodes pour actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript.







Comment actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript ?

Pour actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript, les approches suivantes peuvent être utilisées :



Parcourez les méthodes discutées une par une!



Méthode 1 : actualisation automatique de la page Web toutes les 5 secondes en JavaScript à l'aide des méthodes setInterval() et document.querySelector()

La ' setInterval() ” accède à une fonction à un intervalle de temps spécifié et la méthode “ document.querySelector() ” obtient le premier élément correspondant à un sélecteur CSS. Ces méthodes peuvent être utilisées en combinaison pour accéder à la balise d'en-tête spécifique et définir l'intervalle de temps sur une fonctionnalité requise à l'aide d'une minuterie.





Syntaxe

setInterval ( fonction, millisecondes, par1, par2 )

Dans la syntaxe ci-dessus, ' fonction ' fait référence à la fonction à laquelle il faut accéder, ' millisecondes ' est l'intervalle de temps spécifique à exécuter, et ' paire 1 ' et ' par2 ” sont les paramètres supplémentaires.



document. querySelector ( CSS sélecteurs )

Ici, ' Sélecteurs CSS ” représentent un ou plusieurs sélecteurs CSS.

Consultez l'exemple suivant.

Exemple

Spécifiez d'abord un titre et un en-tête dans les balises et <h2>, respectivement :</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titre</span></a> ></span> Actualisation de la page toutes les 5 secondes<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titre</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> <span class="kw3"> style</span><span class="sy0"> =</span><span class="st0"> 'aligner le texte : à gauche'</span> ></span> Actualiser automatiquement la page<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> <p> Maintenant, définissez une valeur de minuterie sur ' <strong> 1</strong> ” :</p> laisser la minuterie<span class="sy0"> =</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> Après cela, appliquez le ' <strong> setInterval()</strong> ' méthode avec un ' <strong> 1000ms</strong> ' évaluer. Cela incrémentera la minuterie toutes les secondes. Accédez également à l'en-tête spécifié pour l'afficher sur le ' <strong> Modèle d'objet de document (DOM)</strong> ” à la fin de la valeur de minuterie définie.</p> <p> Enfin, itérez la valeur de timer avec l'incrément de ' <strong> 1</strong> ' utilisant ' <strong> ++</strong> ” opérateur de post-incrémentation et appliquer une condition telle que si la valeur dépasse 5, le “ <strong> location.reload()</strong> ” méthode entraînera le rechargement de la fenêtre :</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> document.<span class="me1"> querySelector</span><span class="br0"> (</span><span class="st0"> 'h2'</span><span class="br0"> )</span> .<span class="me1"> Texteintérieur</span><span class="sy0"> =</span> minuteur<span class="sy0"> ;</span> <br> minuteur<span class="sy0"> ++ ;</span> <br> <span class="kw1"> si</span><span class="br0"> (</span> minuteur<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> emplacement.<span class="me1"> recharger</span><span class="br0"> (</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <span class="br0"> }</span> ,<span class="nu0"> 1000</span><span class="br0"> )</span><span class="sy0"> ;</span> <p> On peut voir que notre page Web est automatiquement actualisée toutes les cinq secondes :</p> <p> <img class="wp-image-238673" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-1.gif"></p> <h2 id="2"> <strong> Méthode 2 : actualisation automatique de la page Web toutes les 5 secondes en JavaScript à l'aide de l'événement onload</strong> </h2> <p> La ' <strong> en charge</strong> ” est déclenché lorsqu'un objet a été chargé. Cette technique peut être mise en œuvre pour actualiser la page à l'aide d'une fonction définie par l'utilisateur lorsque la page Web est chargée.</p> <p> <strong> Syntaxe</strong> </p> objet.<span class="me1"> en charge</span> <span class="sy0"> =</span> rafraîchir la page<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> monScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Dans la syntaxe donnée, ' <strong> fonction</strong> ” fait référence à la fonction qui doit être invoquée lorsque l'objet est chargé.</p> <p> Regardez l'exemple suivant.</p> <h3> <strong> Exemple</strong> </h3> <p> Tout d'abord, incluez un titre et un en-tête comme indiqué dans la méthode précédente :</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titre</span></a> ></span> Actualisation de la page toutes les 5 secondes<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> Titre</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Actualiser automatiquement la page<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> <p> Maintenant, appliquez le ' <strong> en charge</strong> 'événement et invoquer la fonction' <strong> rafraîchir la page()</strong> ' et passer ' <strong> 5000</strong> ” comme argument qui indique un intervalle de temps de cinq secondes :</p> <span class="sy0"> <</span> corps en charge<span class="sy0"> =</span> <span class="st0"> 'JavaScript:rafraîchirPage(5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> corps<span class="sy0"> ></span> <p> Enfin, définissez une fonction nommée ' <strong> rafraîchir la page()</strong> ' avec ' <strong> t</strong> ” comme argument faisant référence à l'heure définie pour l'actualisation automatique de la page Web. La ' <strong> location.reload()</strong> ” la méthode rechargera la page après le temps spécifié :</p> fonction refreshPage<span class="br0"> (</span> t<span class="br0"> )</span><span class="br0"> {</span> <br> <br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> , t<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <p> <strong> Production</strong> </p> <p> <img class="wp-image-238674" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-2.gif"></p> <h2 id="3"> <strong> Méthode 3 : Actualisation automatique de la page Web toutes les 5 secondes en JavaScript à l'aide de la méthode setTimeout()</strong> </h2> <p> La ' <strong> setTimeout()</strong> ” appelle une fonction après un temps défini spécifié. Cette méthode peut être appliquée pour recharger une page Web après un délai défini spécifique.</p> <p> <strong> Syntaxe</strong> </p> setTimeout<span class="br0"> (</span> fonction, millisecondes, par1, par2<span class="br0"> )</span> <p> Dans la syntaxe donnée, ' <strong> fonction</strong> » fait référence à la fonction à laquelle accéder, « <strong> millisecondes</strong> ' est l'intervalle de temps spécifique à exécuter, et ' <strong> paire 1</strong> ”, “ <strong> par2</strong> ” sont les paramètres supplémentaires.</p> <h3> <strong> Exemple</strong> </h3> <p> Dans la balise script de la page HTML, appliquez le ' <strong> setTimeout()</strong> ” de telle manière que lorsque 5 secondes se sont écoulées, la méthode location.reload() recharge la page Web :</p> <span class="sy0"> <</span> scénario<span class="sy0"> ></span> <br> <br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> ,<span class="nu0"> 5000</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="sy0"> </</span> scénario<span class="sy0"> ></span> <p> <strong> Production</strong> </p> <p> <img class="wp-image-238675" src="https://softoban.com/img/other/A8/how-to-auto-refresh-web-page-every-5-seconds-using-javascript-3.gif"></p> <p> Nous avons discuté de toutes les méthodes pratiques pour actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript.</p> <h2> <strong> Conclusion</strong> </h2> <p> Pour actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript, utilisez le ' <strong> setInterval()</strong> ' et ' <strong> document.querySelector()</strong> ” méthodes de réglage de la valeur de la minuterie, les “ <strong> rafraîchir()</strong> ” méthode pour rafraîchir une page Web, ou la “ <strong> setTimeout()</strong> ” méthode pour définir une limite de rafraîchissement de délai d'expiration spécifique d'une page Web. Cet article a démontré les méthodes pour actualiser automatiquement une page Web toutes les 5 secondes à l'aide de JavaScript.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/autre/" class="tag-cloud-link">Autre</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Catégorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Tarte Aux Framboises</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Autre</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoom</a> </li><li> <a href="/cinnamon/">Cannelle</a> </li><li> <a href="/reviews/">Commentaires</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Compression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Logiciel De Productivité Bureautique</a> </li><li> <a href="/boot/">Botte</a> </li><li> <a href="/system-calls/">Appels Système</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">La Mise En Réseau</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Pare-Feu</a> </li><li> <a href="/wireshark/">Fil De Fer</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Téléphone</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Délicatesse</a> </li><li> <a href="/mouse/">Souris</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Métasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablette</a> </li><li> <a href="/pycharm/">Pycharme</a> </li><li> <a href="/curl/">Boucle</a> </li><li> <a href="/kde/">Où</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Polices</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Images</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Calamar</a> </li><li> <a href="/mate/">Camarade</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoins</a> </li><li> <a href="/keyboard/">Clavier</a> </li><li> <a href="/inkscape/">Paysage D'encre</a> </li><li> <a href="/encryption/">Chiffrement</a> </li><li> <a href="/fedora/">Feutre</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atome</a> </li><li> <a href="/red-hat/">Chapeau Rouge</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Cahier Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Lecteurs Multimédias</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Fumer</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Puissance</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M²</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Saisir</a> </li><li> <a href="/gentoo/">Papou</a> </li><li> <a href="/odyssey/">Odyssée</a> </li><li> <a href="/audio/">L'audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Les Fenêtres</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Hérité)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Bureau</a> </li><li> <a href="/autre/">Autre</a> </li><li> <a href="/tarte-aux-framboises/">Tarte aux framboises</a> </li><li> <a href="/webcam/">webcam</a> </li><li> <a href="/lecteurs-multimedias/">lecteurs multimédias</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/demarrage/">démarrage</a> </li><li> <a href="/removal-guides/">Guides De Suppression</a> </li><li> <a href="/tutorial/">Didacticiel</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/suivantcloud/">suivantcloud</a> </li><li> <a href="/vertu/">vertu</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Articles Populaires</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CB/what-is-amazon-s3-features-amp-usage-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-qu-amazon-s3-caracteristiques-et-utilisation">Qu'est-ce qu'Amazon S3 ? | Caractéristiques et utilisation</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/what-is-new-object-microsoft-powershell-utility-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/qu-est-ce-qu-un-nouvel-objet-microsoft-powershell-utility">Qu'est-ce qu'un nouvel objet (Microsoft.PowerShell.Utility) ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/75/pandas-and-condition-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-et-condition">Pandas et condition</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/67/8220-windows-sockets-registry-entries-required-for-network-connectivity-are-missing-8221-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/les-entrees-de-registre-des-sockets-windows-requises-pour-la-connectivite-reseau-sont-manquantes">'Les entrées de registre des sockets Windows requises pour la connectivité réseau sont manquantes'</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/86/which-files-does-windows-7-system-maintenance-troubleshooter-delete.png);"></a> <div class="text"> <h3 class="heading"> <a href="/which-files-does-windows-7-system-maintenance-troubleshooter-delete">Quels fichiers l'utilitaire de résolution des problèmes de maintenance du système Windows 7 supprime-t-il? - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Les Fenêtres</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/37/how-to-implement-cross-product-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-implementer-des-produits-croises-dans-matlab">Comment implémenter des produits croisés dans MATLAB ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/84/how-to-clone-github-public-repository-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-cloner-le-referentiel-public-github-dans-git">Comment cloner le référentiel public GitHub dans Git ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B8/is-there-a-jailbot-for-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/existe-t-il-un-jailbot-pour-discord">Existe-t-il un JailBot pour Discord ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D3/3-ways-to-change-default-password-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/3-facons-de-changer-le-mot-de-passe-par-defaut-sur-raspberry-pi">3 façons de changer le mot de passe par défaut sur Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/how-to-implement-media-queries-for-mobile-devices-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-implementer-des-requetes-multimedias-pour-les-appareils-mobiles">Comment implémenter des requêtes multimédias pour les appareils mobiles</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D3/what-8217-s-the-best-practice-to-8220-git-clone-8221-into-an-existing-folder-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quelle-est-la-meilleure-pratique-pour-cloner-git-dans-un-dossier-existant">Quelle est la meilleure pratique pour 'cloner git' dans un dossier existant ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5E/how-to-deploy-docker-container-to-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-deployer-docker-container-sur-aws">Comment déployer Docker Container sur AWS</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F2/select-all-text-in-emacs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/selectionner-tout-le-texte-dans-emacs">Sélectionner tout le texte dans Emacs</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/09/what-8217-s-the-difference-between-git-reset-8211-mixed-8211-soft-and-8211-hard-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quelle-est-la-difference-entre-git-reset-mixed-soft-et-hard">Quelle est la différence entre git reset -mixed, -soft et -hard ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D0/how-to-find-out-chatgpt-s-current-status-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-connaitre-l-etat-actuel-de-chatgpt">Comment connaître l'état actuel de ChatGPT ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/55/what-is-the-property-in-hasownproperty-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/quelle-est-la-propriete-dans-hasownproperty-en-javascript">Quelle est la propriété dans hasOwnProperty() en JavaScript</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9A/syntax-highlighting-and-more-advanced-tips-for-oh-my-zsh-users-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mise-en-evidence-de-la-syntaxe-et-conseils-plus-avances-pour-les-utilisateurs-d-oh-my-zsh">Mise en évidence de la syntaxe et conseils plus avancés pour les utilisateurs d'Oh My Zsh</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1F/how-do-i-run-code-i-have-written-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-puis-je-executer-le-code-que-j-ai-ecrit-en-javascript">Comment puis-je exécuter le code que j'ai écrit en JavaScript ?</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/69/delete-a-table-in-sql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/supprimer-une-table-en-sql">Supprimer une table en SQL</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E9/how-to-use-multithreading-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/comment-utiliser-le-multithreading-en-c">Comment utiliser le multithreading en C++</a> </h3> <div class="meta"> <div> <a href="/autre/"><span class="icon-chat"></span> Autre</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>