Question

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

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

这是我的代码:(非常感谢这里的一些帮助我的人，我不能相信它）...

window.setInterval(function(){
    jQuery.ajax({ 
        url:'/newparser.php'
    }).done(function(response) {
        resultvalue=response;
        $("#gauge").wijradialgauge({value:resultvalue});
    });
},3000);

现在我在身体中有一个名为officekw的DIV，它的标签中设置了border-color属性。

此AJAX代码中是否存在IF语句，用于检查resultvalue的值，如果它高于4，例如，将officekw DIV边框或背景颜色更改为黄色？

resultvalue的值只是格式化为1dp的数字。

Answer 1

是的，您可以如下

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

Answer 2

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

Simple illustrative demo

Javascript根据变量更改html div颜色

2 个答案: