首頁 > web前端 > js教程 > Ajax實作無閃爍定時刷新頁面實例程式碼

Ajax實作無閃爍定時刷新頁面實例程式碼

韦小宝
發布: 2018-01-09 09:56:10
原創
2363 人瀏覽過

這篇文章主要介紹了使用Ajax技術實現無閃爍定時刷新頁面實例代碼,非常不錯具有參考和學習ajax的價值,對ajax感興趣的朋友一起看下吧

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

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

2.實現即時站內簡訊;

3.定時更新頁面資料等等。但我們在網路上搜搜會發現有很多定時刷新頁面的方法,最簡單的就是在標記之間加上如下程式碼:

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

說明: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實作無閃爍定時刷新頁面實例程式碼,希望對大家有幫助! !

相關推薦:

ajax刷新的問題

#Ajax回退刷新頁面問題的解決方法

Ajax提交Form表單頁面仍會刷新j解決方法

以上是Ajax實作無閃爍定時刷新頁面實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板