В JavaScript бывают ситуации, когда нам нужно убедиться, что введенный контент на конкретном сайте точен и актуален. Например, требуется отображать самый последний контент на веб-странице при заполнении длинной формы и наблюдении за новыми изменениями или когда вы хотите протестировать веб-сайт. В таких случаях автоматическое обновление веб-страницы каждые 5 секунд с помощью JavaScript очень помогает справиться с такими ситуациями.
В этой статье мы обсудим методы автоматического обновления веб-страницы каждые 5 секунд с помощью JavaScript.
VIDEO
Как автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript?
Чтобы автоматически обновлять веб-страницу каждые 5 секунд с помощью JavaScript, можно использовать следующие подходы:
Пройдитесь по обсуждаемым методам один за другим!
Способ 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><!-- END-->
</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>
</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/70/setup-a-jenkins-server-using-docker-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/nastrojka-servera-jenkins-s-pomos-u-docker">Настройка сервера Jenkins с помощью 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/5B/how-to-capture-and-analyze-the-packets-by-example-with-tcpdump-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-zahvatyvat-i-analizirovat-pakety-na-primere-tcpdump">Как захватывать и анализировать пакеты на примере Tcpdump</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/CD/sql-and-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/sql-i">SQL И</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/21/how-to-use-php-parse-str-function-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-ispol-zovat-funkciu-php-parse-str">Как использовать функцию PHP parse_str()</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/F9/solutions-to-the-problems-of-chapter-4-of-the-full-online-computer-science-database-and-internet-career-course-from-the-beginning-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/resenia-problem-glavy-4-polnoj-onlajn-bazy-dannyh-po-informatike-i-kursa-internet-kar-ery-s-samogo-nacala">Решения проблем главы 4 полной онлайн-базы данных по информатике и курса Интернет-карьеры с самого начала</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/4A/github-actions-in-ansible-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/dejstvia-github-v-ansible">Действия GitHub в Ansible</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/E0/how-to-customize-windows-11-start-menu-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-nastroit-menu-pusk-windows-11">Как настроить меню «Пуск» Windows 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/4D/what-is-windows-package-manager-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cto-takoe-dispetcer-paketov-windows">Что такое диспетчер пакетов 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/E7/understanding-makefile-syntax-common-issues-and-solutions-including-missing-operator-and-entry-point-not-found-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/ponimanie-sintaksisa-makefile-rasprostranennye-problemy-i-resenia-vklucaa-otsutstvuusij-operator-i-tocka-vhoda-ne-najdena">Понимание синтаксиса Makefile: распространенные проблемы и решения (включая «отсутствующий оператор» и «точка входа не найдена»)</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/D3/how-to-install-and-configure-hamachi-on-linux-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-ustanovit-i-nastroit-hamachi-v-linux">Как установить и настроить Hamachi в Linux</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/BD/pip-install-tkinter-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/pip-ustanovit-tkinter">Пип Установить Tkinter</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/BD/how-to-fix-error-while-updating-worn-items-on-roblox-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-ispravit-osibku-pri-obnovlenii-iznosennyh-predmetov-v-roblox">Как исправить ошибку при обновлении изношенных предметов в Roblox</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/BE/how-to-make-an-observer-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-sdelat-nabludatela-v-majnkrafte">Как сделать наблюдателя в майнкрафте?</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/86/what-does-getcomputedstyle-method-of-window-object-do-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cto-delaet-metod-getcomputedstyle-ob-ekta-window-v-javascript">Что делает метод getComputedStyle() объекта Window в 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/4C/how-to-take-input-from-a-user-in-bash-script-advanced-techniques-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-polucit-vvod-ot-pol-zovatela-v-scenarii-bash-dopolnitel-nye-metody">Как получить ввод от пользователя в сценарии Bash [Дополнительные методы]</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/9E/how-to-fix-not-connected-no-connections-are-available-error-in-windows-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/kak-ispravit-osibku-ne-podkluceno-net-dostupnyh-podklucenij-v-windows">Как исправить ошибку «Не подключено — нет доступных подключений» в 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/65/oracle-replace-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/oracle-zamenit">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/3D/linux-logrotate-examples-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/primery-logrotate-dla-linux">Примеры Logrotate для Linux</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/6C/sleep-function-in-c-language-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/funkcia-sleep-na-azyke-c">Функция Sleep() на языке 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/8C/itunes-won-8217-t-open-on-windows-10-here-are-5-solutions-to-fix-2022-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/itunes-ne-otkryvaetsa-v-windows-10-vot-5-resenij-dla-ispravlenia-2022">iTunes не открывается в Windows 10? Вот 5 решений для исправления! 2022</a> </h3>
<div class="meta">
<div> <a href="/drugoj/"><span class="icon-chat"></span> Другой</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>