jQuery автоматическое обновление без мигания

<script type="text/javascript">
window.onload = setupRefresh;

function setupRefresh() {
  setTimeout("refreshPage();", 1000);
}
function refreshPage() {
   window.location = location.href;
}

страница теперь перезагружается каждую секунду, единственная проблема-ее мигание, как исправить это

16
jquery refresh

4 ответов

вы можете использовать div и a .получить с jquery, чтобы получить данные с другой страницы на вашем сайте.

вы можете использовать setTimeOut (функция, время)

$(function() {
    startRefresh();
});

function startRefresh() {
    setTimeout(startRefresh,1000);
    $.get('pagelink.php', function(data) {
        $('#content_div_id').html(data);    
    });
}
32

вы не можете перезагрузить страницу без эффекта мерцания. Посмотрите на AJAX, чтобы получить обновленное содержимое страницы и отобразить его асинхронно на "существующей" странице.

посмотрите на: http://www.brightcherry.co.uk/scribbles/jquery-auto-refresh-div-every-x-seconds/, чтобы обновить часть экрана (часть может быть уникальной <DIV> страницы).

4

Если страница полностью перезагружается и перезаписывается (включая скрипт, который выполняет перезагрузку, попробуйте эту версию:

function startRefresh() {
    $.get('', function(data) {
        $(document.body).html(data);    
    });
}
$(function() {
    setTimeout(startRefresh,1000);
});
4

Спасибо за ответ с функцией, но если я хочу использовать около 1 минуты задержки, я должен начать вызов функции с задержкой таким образом:

<script type="text/javascript">
//<![CDATA[
var vTimeOut;

$(function() {
  vTimeOut= setTimeout(startRefresh, 60000)
});


function startRefresh() {
  clearInterval(vTimeOut);
  vTimeOut= setTimeout(startRefresh, 60000);
  $(<#div>).load(<loadURL>);
}

//]]>
</script>

в противном случае функции startRefresh срабатывают очень быстро или повторяются больше раз.

1