Как обновить страницу на JS
- Подробности
- Категория: Javascript
- Просмотров: 74
Часто страницу нужно перезагрузить...
Как обновить страницу на JS
1) по клику на кнопке - вызывается функция location.reload() и перезагружает страницу
<a href="#" onclick="location.reload(); return false;">
Обновить страницу
</a>
2) автоматическое обновление через каждые 5 секунд - вызывается функция location.reload() и перезагружает страницу
setTimeout(function () {
location.reload(); return false; },
5000);
Не очень то полезная функция, зачем мне перезагружать страницу каждые 5 секунд? А вот, есть, иногда нужно.
Но, можно и 1 раз
Функция setTimeout в примере вызывает location.reload() через 700 миллисекунд после загрузки страницы. После перезагрузки страницы снова будет запущен этот код, что создает циклический эффект.
Чтобы функция location.reload() срабатывала только один раз при загрузке страницы, вам нужно добавить проверку, чтобы она выполнялась только один раз. Например, вы можете использовать переменную для отслеживания того, была ли функция уже вызвана:
let reloadFlag = false;
if (!reloadFlag) {
reloadFlag = true;
setTimeout(function () {
location.reload();
}, 700);
}
В этом примере переменная reloadFlag используется для отслеживания того, была ли функция location.reload() уже вызвана. Если она еще не была вызвана, то она вызывается через 700 миллисекунд, и переменная reloadFlag устанавливается в true, чтобы предотвратить повторное выполнение функции при следующих загрузках страницы.
3) с подтверждением - вызывается функция, в которой есть и confirm и location.reload() и перезагружает страницу
<a href="#" onclick="reload_confirm(); return false;">
Обновить страницу
</a>
<script>
function reload_confirm(){
if (confirm('Вы действительно хотите обновить страницу?')) {
window.location.reload();
}
}
</script>
Обратите внимание: window.location.reload() и location.reload() - это одно и тоже, просто длинная и краткая запись