javascript - assign variable to img src -

javascript - assign variable to img src -

i have variable cannot edit, named reg0001, coming firmware on board using. reg0001 either 0 or 1, , create page updates live, shows greenish img if reg0001 0, or reddish if 1. here have far.

<div id="oobj6"style="position:absolute;left:270px;top:60px;width:20px;height:53px;overflow:hidden;"> <input type="text" id="gform4" class="body-c" name="reg0001" value="%d" > <div> <img id="ggeo1" src="whitelight.jpg" alt="" name="state1"> </div>

and javascript:

function updatechart() { var x; if (isie) { // net explorer x = parseint(document.getelementbyid("reg0001").value); if (x == 0) { document.state1.src = "greenlight.jpg"; } else { document.state1.src = "redlight.jpg"; }

right script works, have maintain refreshing page images change, if reg0001 changed in background. don't know much javascript, hoping point me in right direction.

you need loop setinterval:

updatechart(); setinterval(updatechart, 5000); //cycles every 5 seconds

if need manage cycling, can record interval id setinterval generates:

var intervalid = setinterval(function().... //mindful scope of intervalid here!

then later on can stop cycling clearinterval:

clearinterval(intervalid);

ref: https://developer.mozilla.org/en/docs/web/api/window.setinterval

javascript html image variables src