时间戳

首页 > 解决方案 > 函数未定义，但我已经定义了它

javascript - 函数未定义，但我已经定义了它

问题描述

我是一名 PLC 程序员，我制作了一个 html 页面，我需要它每秒刷新一次脚本，所以在我的身体里我放置了：

    <body onload="changeimage()">

.... code ....

</body>

和脚本：

<script>
setInterval(function changeimage() {
var sonde = ["Sonda1","Sonda2","Sonda3","Sonda4"];
var tsonde = ["tsonda1","tsonda2","tsonda3","tsonda4"];
var temperature = [:="OUTPUT".AlarmTemp.Sonda1:,:="OUTPUT".AlarmTemp.Sonda2:,:="OUTPUT".AlarmTemp.Sonda3:,:="OUTPUT".AlarmTemp.Sonda4:];
var hotcold = document.getElementById("Fiocco");
if (:="OUTPUT".Stagione.Estate: > 0){
      hotcold.src="sun.jpg"}
if (:="OUTPUT".Stagione.Inverno: > 0){
      hotcold.src="Neve.png"}    
 for (x in temperature) {
           var icona = document.getElementById(sonde[x]);
                     if (temperature[x] > 0 ){
               icona.src="Paverde.png"
           }
           else{
               icona.src="Parossa.png"
           }

     }
}, 1000);   
</script>

无论如何我得到了错误：ReferenceError: changeimage is not defined

PS：不要被以“:”开头的数组所迷惑，是PLC语法，是正确的。

@ 即使去掉 setinterval 选项，脚本也不行。

标签： javascriptfunctionsetintervalonload

解决方案

首先定义函数并确保脚本已加载。

代码笔示例：https ://codepen.io/mikila85/pen/NWPvQPE

function changeimage() {
    setInterval(function() {
        var sonde = ["Sonda1","Sonda2","Sonda3","Sonda4"];
        var tsonde = ["tsonda1","tsonda2","tsonda3","tsonda4"];
        var temperature = [:="OUTPUT".AlarmTemp.Sonda1:,:="OUTPUT".AlarmTemp.Sonda2:,:="OUTPUT".AlarmTemp.Sonda3:,:="OUTPUT".AlarmTemp.Sonda4:];
        var hotcold = document.getElementById("Fiocco");

        if (:="OUTPUT".Stagione.Estate: > 0){
            hotcold.src="sun.jpg"
        }
        if (:="OUTPUT".Stagione.Inverno: > 0){
            hotcold.src="Neve.png"
        }

        for (x in temperature) {
            var icona = document.getElementById(sonde[x]);
            if (temperature[x] > 0 ){
                icona.src="Paverde.png"
            }
            else{
                icona.src="Parossa.png"
            }

        }
    }, 1000);
}

推荐阅读