DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Ajax實現無閃爍定時刷新頁面實例代碼
Ajax實現無閃爍定時刷新頁面實例代碼
編輯:AJAX基礎知識     

在Web開發中我們經常需要實現定時刷新某個頁面:

1.來保持session的值或者檢查session的值是否為空(比如說防止同一用戶重復登錄);

2.實現實時站內短信;

3.定時更新頁面數據等等。但是我們在網上搜搜會發現有很多定時刷新頁面的方法,最簡單的就是在<head></head>標記之間加上如下代碼:

在<head></head>標記之間加上代碼,實現定時刷新,此代碼我已經測試過,可以實現效果

<meta http-equiv="refresh" content="5" URL="Example.aspx" />

說明:content的值代表頁面刷新的間隔時間,以秒為單位

URL的值指定刷新的頁面

還有一種方法就是用JavaScript來定時刷新頁面

JavaScript定時刷新頁面,此代碼我沒有經過測試

<script> 
var limit=":" 
if (document.images){ 
var parselimit=limit.split(":"); 
parselimit=parselimit[]*+parselimit[]*; 
} 
function beginrefresh(){ 
if (!document.images) 
return; 
if (parselimit==) 
window.location.reload(); 
else{ 
parselimit-=; 
curmin=Math.floor(parselimit/); 
cursec=parselimit%; 
if (curmin!=) 
curtime=curmin+" min "+cursec+" sec "; 
else 
curtime=cursec+" sec "; 
window.status=curtime; 
setTimeout("beginrefresh()",); 
} 
} 
window.onload=beginrefresh;
</script>

加到body中間,這裡是0:10為10秒鐘,可以自定義

以上所述是小編給大家介紹的Ajax實現無閃爍定時刷新頁面實例代碼,希望對大家有所幫助,如果大家想了解更多資訊敬請關注網站!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved