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.
VIDEO
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.
querySelector ( CSS )
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><li> <a href="/passthrough-usb/">passthrough USB</a> </li><li> <a href="/feutre/">feutre</a> </li><li> <a href="/demarrage-securise/">#démarrage sécurisé</a> </li><li> <a href="/passage-de-peripherique/">passage de périphérique</a> </li><li> <a href="/sdn/">SDN</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/83/vaultwarden-docker-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/docker-gardien-de-l-abri">Docker Gardien de l'Abri</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/24/linux-vmstat-command-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/commande-linux-vmstat">Commande Linux Vmstat</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/3C/how-to-setup-django-environment-on-ec2-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-configurer-l-environnement-django-sur-ec2-windows">Comment configurer l'environnement Django sur EC2 Windows</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/EF/how-to-align-images-and-text-responsively-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-aligner-les-images-et-le-texte-de-maniere-reactive">Comment aligner les images et le texte de manière réactive</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/CD/how-to-run-use-and-reset-wordpad-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-executer-utiliser-et-reinitialiser-wordpad-dans-windows-10">Comment exécuter, utiliser et réinitialiser WordPad dans Windows 10</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/E0/how-to-create-an-object-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-creer-un-objet-en-c">Comment créer un objet en C++</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/FF/5-fixes-to-resolve-srttrail-txt-bsod-error-on-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/5-correctifs-pour-resoudre-l-erreur-bsod-srttrail-txt-sous-windows">5 correctifs pour résoudre l'erreur BSOD SrtTrail.txt sous Windows</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/how-to-mount-docker-volume-to-host-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-monter-le-volume-docker-sur-l-hote">Comment monter le volume Docker sur l'hôte ?</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/95/20-security-tips-for-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/20-conseils-de-securite-pour-raspberry-pi">20 conseils de sécurité pour 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/B6/use-of-goto-statement-in-arduino-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/utilisation-de-l-instruction-goto-dans-arduino">Utilisation de l'instruction goto dans Arduino</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/04/fix-the-disc-image-file-is-corrupted-error-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/correction-le-fichier-image-du-disque-est-une-erreur-corrompue-dans-windows-10">Correction : Le fichier image du disque est une erreur corrompue dans Windows 10</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/how-to-launch-chrome-with-a-keyboard-shortcut-in-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-lancer-chrome-avec-un-raccourci-clavier-sous-windows">Comment lancer Chrome avec un raccourci clavier sous Windows</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/14/how-to-transfer-data-through-bluetooth-on-raspberry-pi-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-transferer-des-donnees-via-bluetooth-sur-raspberry-pi">Comment transférer des données via Bluetooth 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/FE/how-to-create-and-use-python-generators-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-creer-et-utiliser-des-generateurs-python">Comment créer et utiliser des générateurs Python</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/59/is-it-possible-to-add-dynamically-named-properties-to-javascript-objects-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/est-il-possible-d-ajouter-des-proprietes-nommees-dynamiquement-aux-objets-javascript">Est-il possible d'ajouter des propriétés nommées dynamiquement aux objets 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/AA/c-std-any-examples-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-std-tous-les-exemples">C++ std : tous les exemples</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/2E/how-to-prevent-flex-items-from-wrapping-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-empecher-les-elements-flexibles-de-s-enrouler-dans-tailwind">Comment empêcher les éléments flexibles de s'enrouler dans Tailwind ?</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/A5/mongodb-max-operator-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/operateur-mongodb-max">Opérateur MongoDB $Max</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/96/how-to-use-microsoft-teams-for-free-a-beginner-s-guide-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comment-utiliser-microsoft-teams-gratuitement-guide-du-debutant">Comment utiliser Microsoft Teams gratuitement : guide du débutant ?</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/cassandra-truncate-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cassandre-tronquee">Cassandre tronquée</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>