2012-11-10 8 views
16
<script type="text/javascript"> 
window.onload = setupRefresh; 

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

jqueryのオートリフレッシュ

を点滅させずにページは現在、唯一の問題のがこの

+0

あなたは、AJAXを使用してコンテンツを直接適用する必要がありそれがどのように見えるDOM – Ankur

+1

にあなたは何をしているのでしょうか?毎秒ページをリロードしたいのはなぜですか? – frenchie

+1

もちろんそれは点滅します。ページをリロードする必要があり、それに少し時間が必要です。 javadocで、単に 'meta'タグを使用します – charlietfl

答えて

31

jqueryでdivと.getを使用すると、ウェブサイトの別のページからデータを取得できます。

あなたは機能とその答えのためのsetTimeout(機能、時間)

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

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

あなたは点滅効果なしページにその方法をリロードすることができない問題を解決する方法を点滅毎秒リロードされます。 AJAXを見て、ページの更新されたコンテンツを取得し、それを非同期的に「既存の」ページに表示してください。

http://www.brightcherry.co.uk/scribbles/jquery-auto-refresh-div-every-x-seconds/を見て、画面の一部をリフレッシュしてください(この部分はページの一意の<DIV>にすることができます)。

1

感謝を使用することができますが、私は約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関数が非常に迅速に実行されます。

4

ページが完全にこのバージョンを試した後、再読み込みを行っているスクリプトを含む(自体をリロードし、上書きされている場合:

function startRefresh() { 
    $.get('', function(data) { 
     $(document.body).html(data);  
    }); 
} 
$(function() { 
    setTimeout(startRefresh,1000); 
}); 
関連する問題