Ajax實現(xiàn)無閃爍定時刷新頁面實例代碼

更新時間：2016年05月30日 14:41:37 作者：盛開的雨季

這篇文章主要介紹了使用Ajax技術(shù)實現(xiàn)無閃爍定時刷新頁面實例代碼，非常不錯具有參考借鑒價值，感興趣的朋友一起看下吧

在Web開發(fā)中我們經(jīng)常需要實現(xiàn)定時刷新某個頁面：

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

2.實現(xiàn)實時站內(nèi)短信；

3.定時更新頁面數(shù)據(jù)等等。但是我們在網(wǎng)上搜搜會發(fā)現(xiàn)有很多定時刷新頁面的方法，最簡單的就是在<head></head>標(biāo)記之間加上如下代碼：

在<head></head>標(biāo)記之間加上代碼，實現(xiàn)定時刷新，此代碼我已經(jīng)測試過，可以實現(xiàn)效果

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

URL的值指定刷新的頁面

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

JavaScript定時刷新頁面，此代碼我沒有經(jīng)過測試

<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實現(xiàn)無閃爍定時刷新頁面實例代碼，希望對大家有所幫助，如果大家想了解更多資訊敬請關(guān)注腳本之家網(wǎng)站！

您可能感興趣的文章:

相關(guān)文章

解決spring mvc 返回json數(shù)據(jù)到ajax報錯parseerror問題
最近使用ajax接收spring mvc傳過來的json數(shù)據(jù)時總是出現(xiàn)parseerror的錯誤,下面通過本文給大家分享spring mvc 返回json數(shù)據(jù)到ajax報錯parseerror問題的解決方法，需要的朋友參考下吧
2017-05-05
ajax中data傳參的兩種方式分析
這篇文章主要介紹了ajax中data傳參的兩種方式,結(jié)合實例形式簡單分析了ajax參數(shù)傳遞的POST與GET方式,非常簡單實用,需要的朋友可以參考下
2015-12-12
MVC中基于Ajax和HTML5實現(xiàn)文件上傳功能
這篇文章主要介紹了MVC中基于Ajax和HTML5實現(xiàn)文件上傳功能的相關(guān)資料,需要的朋友可以參考下
2015-10-10
Ajax引擎 ajax請求步驟詳細(xì)代碼
這篇文章主要為大家詳細(xì)介紹了Ajax引擎 ajax請求步驟詳細(xì)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
深入淺析Nginx實現(xiàn)AJAX跨域請求問題
AJAX從一個域請求另一個域會有跨域的問題。那么如何在nginx上實現(xiàn)ajax跨域請求呢？此問題難住很多朋友，下面小編給大家?guī)砹薔ginx實現(xiàn)AJAX跨域請求問題的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧
2016-06-06
React+ajax+java實現(xiàn)上傳圖片并預(yù)覽功能
這篇文章主要介紹了React+ajax+java實現(xiàn)上傳圖片并預(yù)覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
ajax jquery 異步表單驗證示例代碼
異步表單驗證想必大家早已如雷貫耳，本文為大家詳細(xì)講述下ajax jquery實現(xiàn)異步表單驗證，感興趣的朋友可以參考下
2013-08-08
ajax傳遞一個參數(shù)具體實現(xiàn)
ajax傳遞一個參數(shù)或多個參數(shù)在使用過程中由于特殊需求經(jīng)常會用到，下面與大家分享下具體的實現(xiàn)方法，感興趣的朋友可以參考下哈
2013-05-05
ajax分頁查詢詳解
本文主要介紹了ajax實現(xiàn)分頁查詢的步驟與方法。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
Ajax實現(xiàn)彈出式無刷新城市選擇功能代碼
這篇文章主要介紹了Ajax實現(xiàn)彈出式無刷新城市選擇功能代碼,實例分析了Ajax彈出窗口及無刷新選擇數(shù)據(jù)項的相關(guān)技巧,需要的朋友可以參考下
2015-08-08