Как автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript

Kak Avtomaticeski Obnovlat Veb Stranicu Kazdye 5 Sekund S Pomos U Javascript

В JavaScript бывают ситуации, когда нам нужно убедиться, что введенный контент на конкретном сайте точен и актуален. Например, требуется отображать самый последний контент на веб-странице при заполнении длинной формы и наблюдении за новыми изменениями или когда вы хотите протестировать веб-сайт. В таких случаях автоматическое обновление веб-страницы каждые 5 секунд с помощью JavaScript очень помогает справиться с такими ситуациями.

В этой статье мы обсудим методы автоматического обновления веб-страницы каждые 5 секунд с помощью JavaScript.

Как автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript?

Чтобы автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript, можно использовать следующие подходы:

“ установитьинтервал() ' а также ' документ.querySelector() методы
“ обновить() метод
“ установить время ожидания () метод

Пройдитесь по обсуждаемым методам один за другим!

Способ 1: автоматическое обновление веб-страницы каждые 5 секунд в JavaScript с использованием методов setInterval() и document.querySelector()

“ установитьинтервал() ” метод обращается к функции через указанный интервал времени, а “ документ.querySelector() » получает первый элемент, соответствующий селектору CSS. Эти методы можно использовать в сочетании для доступа к определенному тегу заголовка и установки временного интервала в соответствии с требуемой функциональностью с помощью таймера.

Синтаксис

setInterval ( функция, миллисекунды, пар1, пар2 )

В приведенном выше синтаксисе « функция ” относится к функции, к которой необходимо получить доступ, “ миллисекунды ” – конкретный интервал времени для выполнения, а “ пара 1 ' а также ' пар2 ” — дополнительные параметры.

документ. селектор запросов ( CSS селекторы )

Здесь, ' Селекторы CSS ” представляют один или несколько селекторов CSS.

Посмотрите следующий пример.

Пример

Сначала укажите заголовок и заголовок в тегах и <h2> соответственно:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> заглавие</span></a> ></span> Обновление страницы каждые 5 секунд<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> заглавие</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"> стиль</span><span class="sy0"> знак равно</span><span class="st0"> 'выравнивание текста: по левому краю'</span> ></span> Автообновление страницы<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> Теперь установите значение таймера как « <strong> 1</strong> ”:</p> пусть таймер<span class="sy0"> знак равно</span> <span class="nu0"> 1</span><span class="sy0"> ;</span> <p> После этого примените « <strong> установитьинтервал()</strong> ” метод с “ <strong> 1000 мс</strong> ' ценность. Это будет увеличивать таймер каждую секунду. Кроме того, получите доступ к указанному заголовку, чтобы отобразить его на « <strong> Объектная модель документа (DOM)</strong> ” по окончании установленного значения таймера.</p> <p> Наконец, повторите значение таймера с приращением « <strong> 1</strong> ' с использованием ' <strong> ++</strong> » оператор постинкремента и примените условие таким образом, что если значение превышает 5, « <strong> местоположение.перезагрузить()</strong> ” приведет к перезагрузке окна:</p> setInterval<span class="br0"> (</span><span class="br0"> (</span><span class="br0"> )</span> <span class="sy0"> =></span> <span class="br0"> {</span> <br> документ.<span class="me1"> селектор запросов</span><span class="br0"> (</span><span class="st0"> 'ч2'</span><span class="br0"> )</span> .<span class="me1"> внутренний текст</span><span class="sy0"> знак равно</span> таймер<span class="sy0"> ;</span> <br> таймер<span class="sy0"> ++;</span> <br> <span class="kw1"> если</span><span class="br0"> (</span> таймер<span class="sy0"> ></span><span class="nu0"> 5</span><span class="br0"> )</span> <br> расположение.<span class="me1"> перезагрузить</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> Видно, что наша веб-страница автоматически обновляется каждые пять секунд:</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> Способ 2: автоматическое обновление веб-страницы каждые 5 секунд в JavaScript с использованием события onload</strong> </h2> <p> “ <strong> в процессе</strong> ” событие запускается, когда объект был загружен. Этот метод может быть реализован для обновления страницы с помощью определяемой пользователем функции при загрузке веб-страницы.</p> <p> <strong> Синтаксис</strong> </p> объект.<span class="me1"> в процессе</span> <span class="sy0"> знак равно</span> обновить страницу<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> мой скрипт<span class="br0"> }</span><span class="sy0"> ;</span> <p> В данном синтаксисе « <strong> функция</strong> ” относится к функции, которую необходимо вызвать при загрузке объекта.</p> <p> Посмотрите на следующий пример.</p> <h3> <strong> Пример</strong> </h3> <p> Во-первых, включите название и заголовок, как обсуждалось в предыдущем методе:</p> <span class="sc2"> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> заглавие</span></a> ></span> Обновление страницы каждые 5 секунд<span class="sc2"> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> заглавие</span></a> ></span> <br> <span class="sc2"> < <a href="http://december.com/html/4/element/h2.html"><span class="kw2"> h2</span></a> ></span> Автообновление страницы<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> Теперь примените « <strong> в процессе</strong> ” событие и вызовите функцию ” <strong> обновить страницу ()</strong> 'и пройти' <strong> 5000</strong> ” в качестве аргумента, который указывает интервал времени в пять секунд:</p> <span class="sy0"> <</span> нагрузка на тело<span class="sy0"> знак равно</span> <span class="st0"> 'JavaScript: обновить страницу (5000);'</span><span class="sy0"> ></span> <br> <br> <span class="sy0"> </</span> тело<span class="sy0"> ></span> <p> Наконец, определите функцию с именем « <strong> обновить страницу()</strong> ' с ' <strong> т</strong> ” в качестве аргумента, который относится к установленному времени автоматического обновления веб-страницы. “ <strong> местоположение.перезагрузить()</strong> ” перезагрузит страницу через указанное время:</p> функция обновления страницы<span class="br0"> (</span> т<span class="br0"> )</span><span class="br0"> {</span> <br> <br> setTimeout<span class="br0"> (</span><span class="st0"> 'location.reload(true);'</span> , т<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <p> <strong> Выход</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> Способ 3: автоматическое обновление веб-страницы каждые 5 секунд в JavaScript с использованием метода setTimeout()</strong> </h2> <p> “ <strong> установить время ожидания ()</strong> ” вызывает функцию по истечении заданного времени. Этот метод можно применять для перезагрузки веб-страницы после определенного установленного времени ожидания.</p> <p> <strong> Синтаксис</strong> </p> setTimeout<span class="br0"> (</span> функция, миллисекунды, пар1, пар2<span class="br0"> )</span> <p> В данном синтаксисе « <strong> функция</strong> ” относится к функции, к которой нужно получить доступ, “ <strong> миллисекунды</strong> ” – конкретный интервал времени для выполнения, а “ <strong> пара 1</strong> », « <strong> пар2</strong> ” — дополнительные параметры.</p> <h3> <strong> Пример</strong> </h3> <p> В теге сценария HTML-страницы примените « <strong> установить время ожидания ()</strong> ” таким образом, по прошествии 5 секунд метод location.reload() перезагружает веб-страницу:</p> <span class="sy0"> <</span> сценарий<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> сценарий<span class="sy0"> ></span> <p> <strong> Выход</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> Мы обсудили все удобные способы автоматического обновления веб-страницы каждые 5 секунд с помощью JavaScript.</p> <h2> <strong> Вывод</strong> </h2> <p> Чтобы автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript, используйте « <strong> установитьинтервал()</strong> ' а также ' <strong> документ.querySelector()</strong> ” методы настройки значения таймера, “ <strong> обновить()</strong> ' для обновления веб-страницы или ' <strong> установить время ожидания ()</strong> ” для установки определенного лимита времени ожидания обновления веб-страницы. В этой статье продемонстрированы методы автоматического обновления веб-страницы каждые 5 секунд с помощью 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="/drugoj/" class="tag-cloud-link">Другой</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Категория</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Другой</a> </li><li> <a href="/nano/">Нано</a> </li><li> <a href="/zoom/">Зум</a> </li><li> <a href="/cinnamon/">Корица</a> </li><li> <a href="/reviews/">Отзывы</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Радио</a> </li><li> <a href="/minecraft/">Шахтерское Ремесло</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Сжатие</a> </li><li> <a href="/laravel/">Ларавел</a> </li><li> <a href="/aircrack/">Трещина</a> </li><li> <a href="/office-productivity-software/">Офисное Программное Обеспечение Для Повышения Производительности</a> </li><li> <a href="/boot/">Ботинок</a> </li><li> <a href="/system-calls/">Системные Вызовы</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Сеть</a> </li><li> <a href="/gpu/">Гпу</a> </li><li> <a href="/gimp/">Канитель</a> </li><li> <a href="/plex/">Сплетение</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Докер</a> </li><li> <a href="/firewall/">Межсетевой Экран</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Синология</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Эфириум</a> </li><li> <a href="/parrot-os/">Ос Parrot</a> </li><li> <a href="/sublime/">Возвышенный</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Телефон</a> </li><li> <a href="/kodi/">Код</a> </li><li> <a href="/gnome/">Гном</a> </li><li> <a href="/manjaro/">Деликатность</a> </li><li> <a href="/mouse/">Мышь</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Метасплоит</a> </li><li> <a href="/torrent/">Торрент</a> </li><li> <a href="/tablet/">Планшет</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Завиток</a> </li><li> <a href="/kde/">Куда</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Шрифты</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Изображений</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Кальмар</a> </li><li> <a href="/mate/">Приятель</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Биткойн</a> </li><li> <a href="/keyboard/">Клавиатура</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Шифрование</a> </li><li> <a href="/fedora/">Шляпа</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Сканер</a> </li><li> <a href="/atom/">Атом</a> </li><li> <a href="/red-hat/">Красная Шапка</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Скайп</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Блокнот Jupyter</a> </li><li> <a href="/nfs/">Нфс</a> </li><li> <a href="/blog/">Блог</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Медиаплееры</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Стим</a> </li><li> <a href="/jenkins/">Дженкинс</a> </li><li> <a href="/power/">Власть</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Кв.м</a> </li><li> <a href="/bluetooth/">Блютуз</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Рукоятка</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Одиссея</a> </li><li> <a href="/audio/">Аудио</a> </li><li> <a href="/cpu/">Процессор</a> </li><li> <a href="/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/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Устаревшая Версия)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Офис</a> </li><li> <a href="/drugoj/">Другой</a> </li><li> <a href="/skajp/">скайп</a> </li><li> <a href="/veb-kamera/">Веб-камера</a> </li><li> <a href="/mediapleery/">медиаплееры</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">хапрокси</a> </li><li> <a href="/gnom/">гном</a> </li><li> <a href="/botinok/">ботинок</a> </li><li> <a href="/vozvysennyj/">возвышенный</a> </li><li> <a href="/removal-guides/">Направляющие Для Снятия</a> </li><li> <a href="/ubuntu-24-04-cat/">Убунту 24.04</a> </li><li> <a href="/sleduusee-oblako/">следующее облако</a> </li><li> <a href="/dostoinstvo/">достоинство</a> </li><li> <a href="/usb-prohodnoj-port/">USB-проходной порт</a> </li><li> <a href="/slapa-fedora/">шляпа-федора</a> </li><li> <a href="/bezopasnaa-zagruzka/">#безопасная загрузка</a> </li><li> <a href="/skvoznoe-prohozdenie-ustrojstva/">Сквозное прохождение устройства</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Популярные посты</h3> <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-case-insensitive-string-comparison-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-vypolnit-sravnenie-strok-bez-uceta-registra-v-javascript">Как выполнить сравнение строк без учета регистра в JavaScript</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/08/what-is-the-getordefault-method-in-java-hashma-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-metod-getordefault-v-java-hashma">Что такое метод getOrDefault в Java HashMa</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/31/how-to-move-faster-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-dvigat-sa-bystree-v-minecraft">Как двигаться быстрее в Minecraft</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/E4/how-much-does-microsoft-word-cost-a-pricing-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/skol-ko-stoit-microsoft-word-rukovodstvo-po-cenam">Сколько стоит Microsoft Word: руководство по ценам</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/C3/image-processing-opencv-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/obrabotka-izobrazenij-opencv">Обработка изображений OpenCV</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/61/how-to-use-errors-new-function-in-golang-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-funkciu-errors-new-v-golang-primery">Как использовать функцию errors.New() в Golang — примеры</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/18/how-to-install-zlib-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ustanovit-zlib-v-windows-10-11">Как установить ZLIB в Windows 10/11</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/4F/how-to-access-the-kubernetes-events-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-polucit-dostup-k-sobytiam-kubernetes">Как получить доступ к событиям Kubernetes</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/0C/7-fixes-for-there-was-a-problem-starting-c-windows-system32-logilda-dll-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/7-ispravlenij-dla-proizosla-problema-s-zapuskom-c-windows-system32-logilda-dll-v-windows">7 исправлений для «Произошла проблема с запуском C:\Windows\System32\LogiLDA.dll» в Windows</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/DF/how-to-fix-discord-installation-is-corrupt-error-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispravit-ustanovka-discord-povrezdena-osibka-windows">Как исправить — установка Discord повреждена — ошибка Windows</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/97/how-to-create-elasticsearch-image-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-sozdat-elasticsearch-image-docker">Как создать Elasticsearch Image Docker?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/what-type-of-database-is-oracle-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kakoj-tip-bazy-dannyh-oracle">Какой тип базы данных Oracle?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/F8/what-is-a-short-data-type-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-korotkij-tip-dannyh-v-c">Что такое короткий тип данных в C</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/2A/how-to-add-a-windows-smb-cifs-share-as-storage-on-proxmox-ve-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-dobavit-obsij-resurs-windows-smb-cifs-v-kacestve-hranilisa-na-proxmox-ve">Как добавить общий ресурс Windows SMB/CIFS в качестве хранилища на Proxmox VE</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/3E/how-to-create-child-processes-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-sozdat-docernie-processy-v-node-js">Как создать дочерние процессы в Node.js</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/38/how-to-import-the-excel-data-into-the-sql-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-importirovat-dannye-excel-v-sql-server">Как импортировать данные Excel в SQL Server</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/45/how-to-secure-your-haproxy-with-ssl-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-zasitit-vas-haproxy-s-pomos-u-ssl">Как защитить ваш HAProxy с помощью SSL</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/1B/is-there-an-easy-way-to-convert-jquery-code-to-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/est-li-prostoj-sposob-konvertirovat-kod-jquery-v-javascript">Есть ли простой способ конвертировать код jQuery в JavaScript?</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/F3/pandas-series-to-csv-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/seria-pandas-v-csv">Серия Pandas в CSV</a> </h3> <div class="meta"> <div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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/22/how-trackaccess-deniedregistry.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-trackaccess-deniedregistry">Как отслеживать события реестра и файлов с отказом в доступе с помощью монитора процессов - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>