Как перезагрузить блок с интервалом?

366

23 июля 2017, 12:27

Сейчас по клику на ссылку a перезагружается информация в блоке с id="online-comm".

Как сделать так, чтобы блок перезагружался каждую минуту?

<a onclick="custom_reload('online-comm');return false;">Обновить</a>
<div id="online-comm">......</div>
<script>
function custom_reload(area) {
 ShowLoading();
 $.post(window.location.href, {}, function(d) {
  HideLoading();
  $("#" + area).html($("#" + area, d).html());
 });
 return false;
}
<script>

Answer 1

добавить :

<script>
  function custom_reload(area) {
    ShowLoading();
    $.post(window.location.href, {}, function(d) {
      HideLoading();
      $("#" + area).html($("#" + area, d).html());
    });
    return false;
  }
  setInterval(custom_reload, 5000, 'online-comm'); 
<script>

<html> 
 
<head> 
</head> 
 
<body> 
    <div id="test"></div> 
<script> 
  function custom_reload(area) { 
      area.innerHTML = 'test'; 
  } 
  setInterval(custom_reload,5000, test);  
</script> 
</body> 
 
</html>

Answer 2

вот както так в ссылке можно сделать, код внутри функции просто вставте свой, я сделал для наглядности, ну и интервал поставте нужный (у меня стоит 500 милисекунд чтобы долго не ждать)

function custom_reload(area) { 
  console.log('tik'); 
}

<a onclick="setInterval(function(){ 
  custom_reload('online-comm'); 
},500); return false;">Обновить</a> 
 
<div id="online-comm">......</div>

Вот еще пример (правда с изменениями в скрипте), который запускает "обновление" блока online-comm раз в секунду, а по клику по ссылке идет обновление блока online-comm2

document.addEventListener("DOMContentLoaded", function(event) { 
  setInterval(function() { 
    custom_reload('online-comm'); 
  }, 1000); 
}); 
 
function custom_reload(area) { 
  console.log('tik ' + area); 
};

<a onclick="custom_reload('online-comm2'); return false;">Обновить</a> 
 
<div id="online-comm">......</div>

Создание Интернет магазина Ивано-Франковск

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как упростить массив?

Если правильно понял вопрос:

228

javascript

Mongoose Model не сохраняет поле типа `Object`

Хочу сохранить модель после изминений:

287

javascript

Почему заголовок не моргает?

Это происходит, потому что вы вместо знака присваивания (=) используете знак сравнения (==)Изменять стиль нужно именно знаком =:

264

javascript

if($(window).width()<=800) не работает в Chrome

Скрипт гамбургера не работает в Google Chrome, но прекрасно работает в FireFox, если я задаю ему if($(window)width()<=800){}

237