Javascript基于变量更改html div颜色

我有一些AJAX，它每3秒钟用PHP脚本的结果填充一个变量，以便更新我用来近实时显示能量数据的仪表小部件

我想做的是，根据变量中存储的当前值，更改该仪表所在DIV的边框或背景色

这是我的代码：（非常感谢这里的少数人在这方面帮助了我，我不能把它归功于它）

现在，我在主体中有一个名为

officekw

的DIV，它的标记中设置了border color属性

此AJAX代码中是否存在检查

resultvalue

值的IF语句？例如，如果大于4，请将

officekw

DIV边框或背景颜色更改为黄色

---

resultvalue

的值仅为格式化为1dp的数字。

是，您可以如下所示

window.setInterval(function () {
    jQuery.ajax({
        url: '/newparser.php'
    }).done(function (response) {
        resultvalue = response;
        if (resultvalue > 4) {
            $("#officekw").attr("border-color", "yellow");
        }
        $("#gauge").wijradialgauge({
            value: resultvalue
        });
    });
}, 3000);

---

.

谢谢！那太好了！另一个简单的问题是，如果该值也大于8，则边框变为红色，是否有办法在其中插入另一个条件？当然，只需修改

IF

并提供

else IF

条件：。

window.setInterval(function () {
    jQuery.ajax({
        url: '/newparser.php'
    }).done(function (response) {
        resultvalue = response;
        if (resultvalue > 4) {
            $("#officekw").attr("border-color", "yellow");
        }
        $("#gauge").wijradialgauge({
            value: resultvalue
        });
    });
}, 3000);

window.setInterval(function(){
    jQuery.ajax({ 
        url:'/newparser.php'
    }).done(function(response) {
        resultvalue=response;

        $('#officekw').css('border-color', function(){
            if (parseFloat(resultvalue) > 4) {
                return 'yellow';
            }
            else {
                return '#000';
            }
        });

        $("#gauge").wijradialgauge({value:resultvalue});
    });
},3000);