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

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

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

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







Как автоматически обновлять веб-страницу каждые 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> </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/FE/how-to-share-audio-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-podelit-sa-audio-na-discord">Как поделиться аудио на Discord</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/73/how-delete-old-user-profile-folders-automatically-windows-vista.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-delete-old-user-profile-folders-automatically-windows-vista">Как автоматически удалить старые папки профиля пользователя в Windows Vista и более поздних версиях - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/DE/how-to-append-value-to-an-array-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-dobavit-znacenie-v-massiv-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/A9/how-to-use-the-abs-method-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispol-zovat-metod-abs-v-javascript">Как использовать метод abs() в 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/5E/how-to-fix-8220-blurry-font-problem-8221-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispravit-problemu-s-razmytym-sriftom-v-windows-10">Как исправить «проблему с размытым шрифтом» в Windows 10</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/2E/how-to-fix-your-pc-ran-into-a-problem-windows-10-blue-screen-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-ispravit-vas-komp-uter-stolknulsa-s-problemoj-osibka-sinego-ekrana-windows-10">Как исправить ваш компьютер столкнулся с проблемой «Ошибка синего экрана Windows 10»</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/A4/how-to-change-image-on-hover-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-izmenit-izobrazenie-pri-navedenii-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/C9/how-to-upload-micropython-firmware-to-esp32-using-upycraft-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-zagruzit-prosivku-micropython-v-esp32-s-pomos-u-upycraft-ide">Как загрузить прошивку MicroPython в ESP32 с помощью uPyCraft IDE</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/5A/sql-in-operator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/operator-sql-in">Оператор SQL IN</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/A6/what-is-the-arraylist-contains-method-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cto-takoe-metod-arraylist-contains-v-java">Что такое метод ArrayList.contains() в Java</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/2B/get-the-filter-and-monitor-the-kubernetes-events-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/polucite-fil-tr-i-otslezivajte-sobytia-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/1E/how-to-deploy-rails-application-to-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-razvernut-prilozenie-rails-na-aws">Как развернуть приложение Rails на AWS</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/how-to-make-a-gif-discord-banner-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-sdelat-gif-banner-discord">Как сделать GIF-баннер Discord</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/62/how-to-find-a-color-code-in-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-najti-kod-cveta-v-html">Как найти код цвета в HTML</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/46/how-to-write-and-run-your-first-node-js-program-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-napisat-i-zapustit-svou-pervuu-programmu-node-js-na-raspberry-pi">Как написать и запустить свою первую программу Node.js на Raspberry Pi</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/04/create-tile-folders-organize-start-menu-tiles-windows-10-winhelponline.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/create-tile-folders-organize-start-menu-tiles-windows-10-winhelponline">Создание папок плиток для организации плиток меню Пуск в Windows 10 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/B1/how-to-connect-to-aws-ec2-instance-from-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-podklucit-sa-k-ekzemplaru-aws-ec2-iz-windows">Как подключиться к экземпляру AWS EC2 из 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/3E/how-to-uninstall-git-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-udalit-git-v-windows">Как удалить Git в 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/E3/discord-stage-channels-everything-you-need-to-know-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kanaly-discord-stage-vse-cto-vam-nuzno-znat">Каналы Discord Stage: все, что вам нужно знать</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/AD/how-to-add-github-to-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-dobavit-github-v-discord">Как добавить GitHub в Discord</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>