利用time ticks
<img id="test" src="a.gif">
<script>
setInterval(update, 10000);
function update() {
var img = document.getElementById("test");
var now = new Date();
img.src = "a.gif?" + now.getTime();
}
</script>
※ 引述《toshii (用了十年的暱稱要改一下!)》之銘言：
: 請問我伺服器有一張a.gif
: 會隔10秒更新,圖會變但是檔名不變
: 我載入這張圖的HTML檔寫
: <meta http-equiv="refresh" content="10">
: 如此refresh能夠更新這張圖
: 但是畫面會有明顯的閃動
: 為求完美,我想用XML的方式解決閃動
: 把<meta....>拿掉
: 寫了一個test.xml
: (略)
: <p0>a.gif</p0>
: 然後每10秒去讀那個test.xml
: HTML內容大概是:
: 有個<td id="dd"> </td>
: 然後
: xd是loadXMLDocs("test.xml")
: xdn=xd.getElementsByTagName("p0")[0].childNodes[0]
: xx=document.getElementById("dd")
: xx.innerHTML="<img src="+xdn.nodeValue+">"
: 大概是這樣用XML去讀a.gif
: 我在自己電腦上試都ok..圖會變
: 但是我放在網路上,就會有cache出現
: 我覺的XML應該有在更新..
: 但圖不會變...除非我按F5重整
: 請問用XML行不通嗎??
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.78.29
※ 編輯: emn178 來自: 118.169.78.29 (06/05 19:14)