使用JavaScript在变量更新时动态更改HTML中的图像

我知道这是一个简单的问题，但我遗漏了一些东西。当变量更新时，我试图更新网页上的图像。我试过好几种方法，但都不管用。以下是我目前的情况：

var sup_fan_state=1；
功能辅助风扇1（辅助风扇状态）{
如果（辅助风扇状态===0）{
document.getElementById（'sup\u fan\u status'）.src=“images/fan00\u 250\u gray\u grad.png”；
}否则如果（辅助风扇状态===1）{
document.getElementById（'sup\u fan\u status'）.src=“images/sup\u fan.gif”；
}否则{
警惕（“出了严重的问题！”）；
}
}

var状态={
'0' : 'http://piq.codeus.net/static/media/userpics/piq_66072_400x400.png',
'1' : 'http://piq.codeus.net/static/media/userpics/piq_62417_400x400.png',
'' : 'http://piq.codeus.net/static/media/userpics/piq_65453_400x400.png'
};
函数changeFanStatus（）{
var status=document.getElementsByTagName（'form'）[0]['fanState'].value；
如果（！状态[状态]）{
返回警报（“出现严重错误！”）；
}
document.getElementById（'sup_fan_status'）.src=状态[状态]；
}

0N


关


其他


未定义

好的。我找到了解决办法。虽然我无法使用蒂鲁埃斯瓦兰的解决方案，但它让我思考我需要去哪里。 变量值来自Carel控制器，我使用它们在监视器上播放动画。我不知道如何从控制器中提取变量值，然后将其传递给函数。以下是有效的方法：

函数getVariables（）{ //调用函数changeFanStatus并传递变量值 document.getElementById（“sup_fan_status”）.src=changeFanStatus（数字[1]）； //更多变量 //每5秒刷新一次所有变量，无需页面刷新 计时器=设置超时（'getVariables（）'，5000）； } //设置图像源 功能状态（状态） { img_src=“images/fan00\u 250\u gray\u grad.png”； 如果（state==0）img_src=“images/fan00_250_gray\u grad.png”； 如果（state==1）img_src=“images/sup_fan.gif”； 返回img_src； }

---

当您使用此代码时？该函数声明了一个参数，但未使用该参数。我正在尝试使用该函数更新标记，但我不知道如何连接点。感谢您的时间和帮助。虽然我能够在web浏览器中运行此示例，但我无法修改此示例以在我的工作中使用此解决方案。我需要根据来自Carel控制器的变量值来控制图像src。让我知道，我可以如何帮助您？