HTML Help

kozalp · Joined: 26 Oct 2009 Posts: 2

Lets say I have a webcam image refreshed every 10seconds,

the Javascript code to refresh is,

Code:
function reloadGraphs(){
now = new Date()
now.getTime()
graph_end=Math.ceil(now/1000)
document.getElementById("imageID").src = 'http://10.160.0.15/cacti/graph_image.php?graph_end='+ graph_end
}

and I have this code to refresh
Code: <script type="text/javascript">setInterval("reloadGraphs()", 10000)</script>

My problem is I want to leave this on a screen to refresh itself all the time but it seems the images downloaded are stored in memory for every browser.

IE: Memory usage increases quite a lot - 300mb after an hour (with 8 images to refresh).
CR: Chrome just crushes - no errors or anything, the chrome just vapors from statusbar and when you try to open it again it I see the apologies saying Chrome has crushed.(observed the memory leak on taskmgr)
FF: That is the most funny one - The images on the page disappear - The icons on FF disappears - when I open a new tab and browse to Google.com, no images displayed either

Any ideas to destroy the previous images?

kozalp · Joined: 26 Oct 2009 Posts: 2