首頁 > web前端 > js教程 > Ajax如何實現無閃爍定時刷新頁面效果

Ajax如何實現無閃爍定時刷新頁面效果

php中世界最好的语言
發布: 2018-04-04 14:29:12
原創
2036 人瀏覽過

這次帶給大家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秒鐘,可以自訂

#相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Ajax跨網域請求如何使用

Ajax+Session失效後即刻跳轉登入頁面

以上是Ajax如何實現無閃爍定時刷新頁面效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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