Home/ Questions/Q 6923043
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T10:29:06+00:00

I have an image and I want to automatically update it using either javascript,

  • 0

I have an image and I want to automatically update it using either javascript, jquery or ajax.

Until now I have the following code.

<html>

<head>
<script language="JavaScript"><!--
  function refreshIt() {
    if (!document.images) return;
      document.images['myCam'].src = 'swt.png';
      setTimeout('refreshIt()',50); // refresh every 50ms
 }
  //--></script>
</head>

<body onLoad=" setTimeout('refreshIt()',50)">

<img src="swt.png" name="myCam">

</body>

</html>

I think it is not working because the browser is caching the image and it is not updating the image correctly.

Can someone provide me a working example?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This will do the trick, but it’s a nightmare as far as performance.

    <html>
    <head>
        <script language="JavaScript">
            function refreshIt(element) {
                setTimeout(function() {
                    element.src = element.src.split('?')[0] + '?' + new Date().getTime();
                    refreshIt(element);
                }, 50); // refresh every 50ms
            }
        </script>
    </head>
    <body>
        <img src="swt.png" name="myCam" onload="refreshIt(this)">
    </body>
</html>
    • 0