解決jquery異步按一定的時(shí)間間隔刷新問題
更新時(shí)間:2012年12月10日 17:11:54 作者:
我想將一個(gè)網(wǎng)頁上的圖片按一定的時(shí)間間隔刷新,不改變圖片的名稱,我在服務(wù)器端改變圖片的內(nèi)容,以此來實(shí)現(xiàn)動(dòng)態(tài)的效果
我想將一個(gè)網(wǎng)頁上的圖片按一定的時(shí)間間隔刷新,不改變圖片的名稱,我在服務(wù)器端改變圖片的內(nèi)容,這樣前端可不可以實(shí)現(xiàn)動(dòng)態(tài)的效果呢?瀏覽器會(huì)不會(huì)有緩存呢?
比如我要將下邊這個(gè)圖片異步刷新,應(yīng)該怎么做呢?
<img id=”image” width=640 height=480 src= />
解決方法是加時(shí)間戳防止緩存,如下:
<img id=”image” width=640 height=480 src='xxx.jpg' />
JScript code:
setInterval(function(){document.getElementById(‘image').src='xxx.jpg?_dc='+new Date().getTime()},5000);//5s更新一次
比如我要將下邊這個(gè)圖片異步刷新,應(yīng)該怎么做呢?
復(fù)制代碼 代碼如下:
<img id=”image” width=640 height=480 src= />
解決方法是加時(shí)間戳防止緩存,如下:
復(fù)制代碼 代碼如下:
<img id=”image” width=640 height=480 src='xxx.jpg' />
JScript code:
復(fù)制代碼 代碼如下:
setInterval(function(){document.getElementById(‘image').src='xxx.jpg?_dc='+new Date().getTime()},5000);//5s更新一次
相關(guān)文章
jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實(shí)現(xiàn)的雙軸圖效果,結(jié)合完整實(shí)例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當(dāng)jquery ajax在utf-8編碼下(頁面utf-8,接收utf-8),無任何問題??梢哉ost、get,處理頁面直接獲取正確的內(nèi)容。2010-10-10
使用prop解決一個(gè)checkbox選中后再次選中失效的問題
下面小編就為大家?guī)硪黄褂胮rop解決一個(gè)checkbox選中后再次選中失效的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10
jquery 實(shí)現(xiàn)窗口的最大化不論什么情況
無論瀏覽器處于什么樣的設(shè)置,都要讓這個(gè)彈出的窗口最大化,那么怎么辦呢?下面為大家介紹下讓瀏覽器窗口從默認(rèn)大小變成我們自己的設(shè)置2013-09-09
jQuery圖片輪播(二)利用構(gòu)造函數(shù)和原型創(chuàng)建對(duì)象以實(shí)現(xiàn)繼承
本文主要介紹了利用構(gòu)造函數(shù)和原型創(chuàng)建對(duì)象以實(shí)現(xiàn)繼承,并附上完成簡(jiǎn)單輪播對(duì)象的封裝的示例代碼。有興趣的朋友可以看下2016-12-12
jQuery EasyUI API 中文文檔 可調(diào)整尺寸
jQuery EasyUI API 中文文檔 可調(diào)整尺寸,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-09-09

