Javascript Countup.js语句颜色编号（正、中性、负）

我想将countup.js与自动css格式（颜色）结合起来。其中我有以下三个条件：

• 如果小于0，则为红色
• 如果等于0，则为黑色
• 如果大于0，则为绿色

包含三个数字（负数、中性数和正数）。在CSS代码中，说明了我手动指定给数字的颜色。我希望根据显示的数字自动指定此颜色

var选项={
对,，
对,，
分隔符：“，”，
十进制：“.”，
前缀：“-”
};
var demo=新的倒计时（“红色”、0、1000、0、2.5、选项）；
如果（！demo.error）{
demo.start（）；
}否则{
console.error（demo.error）；
}
变量选项={
对,，
对,，
分隔符：“，”，
小数点：“.”
};
var demo=新的倒计时（“黑色”，0,0,0,2.5，选项）；
如果（！demo.error）{
demo.start（）；
}否则{
console.error（demo.error）；
}
变量选项={
对,，
对,，
分隔符：“，”，
小数点：“.”
};
var demo=新的倒计时（“绿色”、0、1000、0、2.5、选项）；
如果（！demo.error）{
demo.start（）；
}否则{
console.error（demo.error）；
}

#prg计数器。prg容器{
文本对齐：居中；
宽度：80%；
保证金：自动；
}
#prg头h1{
文本对齐：居中；
}
.红色{
颜色：红色；
}
.黑色{
颜色：黑色；
}
.绿色{
颜色：绿色；
}

计算颜色

红色
< 0 
黑色=0
绿色>0

使用

MutationObserver

var c = document.getElementsByClassName('color');
for(let i=0; i<c.length; i++){
   // create an observer instance
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if(Number(mutation.target.innerHTML) < 0){
              mutation.target.style.color = "red"
            }else if(Number(mutation.target.innerHTML) > 0){
              mutation.target.style.color = "green"
            }else if(Number(mutation.target.innerHTML) == 0){
              mutation.target.style.color = "black"
            }
        });
    });

    var config = { attributes: true, childList: true, characterData: true }
    observer.observe(c[i], config);
}

计算颜色

红色
< 0 
黑色=0
绿色>0

使用

MutationObserver

var c = document.getElementsByClassName('color');
for(let i=0; i<c.length; i++){
   // create an observer instance
    var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if(Number(mutation.target.innerHTML) < 0){
              mutation.target.style.color = "red"
            }else if(Number(mutation.target.innerHTML) > 0){
              mutation.target.style.color = "green"
            }else if(Number(mutation.target.innerHTML) == 0){
              mutation.target.style.color = "black"
            }
        });
    });

    var config = { attributes: true, childList: true, characterData: true }
    observer.observe(c[i], config);
}

计算颜色

红色
< 0 
黑色=0
绿色>0

有人能帮我吗？有人能帮我吗？非常感谢，这正是我一直在寻找的东西。再次感谢！不幸的是，这种方法并不适用于所有情况。如果应用了后缀

%

，则MutationObserver将不再将其识别为数字。此外，在欧洲，小数点还有一个逗号。MutationObserver也无法识别这一点。是否有一种解决方案可以改变段落/分区中的每一个段落或分区的观察者或赋予其特定的颜色？再次感谢你的帮助@KeesdeJager使用这个

数字（mutation.target.innerHTML.replace（'%，''）.replace（'%，''）

Perfect！再次感谢。非常感谢。这正是我一直在寻找的。再次感谢！不幸的是，这种方法并不适用于所有情况。如果应用了后缀

%

，则MutationObserver将不再将其识别为数字。此外，在欧洲，小数点还有一个逗号。MutationObserver也无法识别这一点。是否有一种解决方案可以改变段落/分区中的每一个段落或分区的观察者或赋予其特定的颜色？再次感谢你的帮助@KeesdeJager使用这个

数字（mutation.target.innerHTML.replace（'%，''）.replace（'%，''）

Perfect！再次感谢。