解決jquery異步按一定的時間間隔刷新問題
更新時間：2012年12月10日 17:11:54 作者：
我想將一個網頁上的圖片按一定的時間間隔刷新，不改變圖片的名稱，我在服務器端改變圖片的內容，以此來實現(xiàn)動態(tài)的效果
我想將一個網頁上的圖片按一定的時間間隔刷新，不改變圖片的名稱，我在服務器端改變圖片的內容，這樣前端可不可以實現(xiàn)動態(tài)的效果呢？瀏覽器會不會有緩存呢？
比如我要將下邊這個圖片異步刷新，應該怎么做呢？
<img id=”image” width=640 height=480 src= />
解決方法是加時間戳防止緩存，如下：
<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更新一次
比如我要將下邊這個圖片異步刷新，應該怎么做呢？
復制代碼 代碼如下:
<img id=”image” width=640 height=480 src= />
解決方法是加時間戳防止緩存，如下：
復制代碼 代碼如下:
<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更新一次
相關文章
jQuery插件Echarts實現(xiàn)的雙軸圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件Echarts實現(xiàn)的雙軸圖效果,結合完整實例形式分析了Echarts插件制作雙軸圖效果的操作步驟與相關實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當jquery ajax在utf-8編碼下（頁面utf－8，接收utf-8），無任何問題?？梢哉ost、get，處理頁面直接獲取正確的內容。2010-10-10
Bootstrap是最流行的前端開發(fā)框架。本文涉及到bootstrap的特性介紹，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧2016-10-10
這篇文章主要介紹了Jquery判斷頁面圖片是否加載失敗,加載失敗則顯示默認圖片的實現(xiàn)方法,需要的朋友可以參考下2023-06-06
使用prop解決一個checkbox選中后再次選中失效的問題
下面小編就為大家?guī)硪黄褂胮rop解決一個checkbox選中后再次選中失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了使用jQuery實現(xiàn)簡單穿梭框方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
無論瀏覽器處于什么樣的設置，都要讓這個彈出的窗口最大化，那么怎么辦呢？下面為大家介紹下讓瀏覽器窗口從默認大小變成我們自己的設置2013-09-09
jQuery圖片輪播（二）利用構造函數(shù)和原型創(chuàng)建對象以實現(xiàn)繼承
本文主要介紹了利用構造函數(shù)和原型創(chuàng)建對象以實現(xiàn)繼承，并附上完成簡單輪播對象的封裝的示例代碼。有興趣的朋友可以看下2016-12-12
這篇文章主要介紹了jquery根據(jù)name屬性查找的小例子，有需要的朋友可以參考一下2013-11-11
jQuery EasyUI API 中文文檔 可調整尺寸，學習jQuery EasyUI的朋友可以參考下。2011-09-09