我想將一個網頁上的圖片按一定的時間間隔刷新,不改變圖片的名稱,我在服務器端改變圖片的內容,這樣前端可不可以實現動態的效果呢?浏覽器會不會有緩存呢?
比如我要將下邊這個圖片異步刷新,應該怎麼做呢?
. 代碼如下:
<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更新一次