javascript - 将变量分配给 img src

Question

我有一个无法编辑的变量，名为 reg0001，它来 self 正在使用的板上的固件。 reg0001 是 0 或 1，我想制作一个实时更新的页面，如果 reg0001 为 0，则显示绿色 img，如果为 1，则显示红色。这是我目前所拥有的。

<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>

和javascript:

function updateChart() {
    var x;
    if (isIE) { // for Internet Explorer

    x = parseInt(document.getElementById("reg0001").value);
    if (x == 0) { 
        document.state1.src = "greenlight.jpg";
        }
    else {
        document.state1.src = "redlight.jpg";
    } 

现在这个脚本可以工作，但我必须不断刷新页面以使图像发生变化，即使 reg0001 在后台发生变化也是如此。我对javascript了解不多，我希望有人能指出我正确的方向。

Answer 1

你需要使用 SetInterval 循环它:

 updateChart();
 setInterval(updateChart, 5000); //Cycles every 5 seconds

如果需要管理循环，可以记录SetInterval生成的间隔Id:

 var intervalId = setInterval(function().... //Mindful about the scope of intervalId here!

然后您可以使用 clearInterval 停止循环:

 clearInterval(intervalId);

引用:https://developer.mozilla.org/en/docs/Web/API/window.setInterval