首先,我是初学者。我正试图找到解决我的问题。基本上我希望我的文本是基于数字的不同颜色,所以我使用了ELSE IF语句。它的工作原理,但它不,我尝试了2种不同的方式。我用一个API来显示数字(温度来自传感器)Javascript/JQuery/AJAX否则如果不工作
查看JFiddle的例子,它还显示了其余的代码显示数字。
http://jsfiddle.net/1brkww9h/98/
if (templr < 60) {
$("#displaylr").css("color", "#0000ff");
}
else if (templr < 70 && templr > 69) {
$("#displaylr").css("color", "#FFED00");
} else if (templr < 69 && templr > 68) {
$("#displaylr").css("color", "#FFFC00");
} else if (templr < 68 && templr > 67) {
$("#displaylr").css("color", "#EBEE12");
} else if (templr < 67 && templr > 66) {
$("#displaylr").css("color", "#CFD42C");
} else if (templr < 66 && templr > 65) {
$("#displaylr").css("color", "#ABB24A");
} else if (templr < 65 && templr > 64) {
$("#displaylr").css("color", "#858C6C");
} else if (templr < 64 && templr > 63) {
$("#displaylr").css("color", "#3D41AF");
} else if (templr < 63 && templr > 62) {
$("#displaylr").css("color", "#0000FD");
} else if (templr < 62 && templr > 61) {
$("#displaylr").css("color", "#424DFF");
} else {
$("#displaylr").css("color", "#dddddd");
}
http://jsfiddle.net/1brkww9h/99/
if (templr < 1) {
$("#displaylr").css("color", "#000000");
}
else if (templr = 69) {
$("#displaylr").css("color", "#FFED00");
}
else if (templr = 68) {
$("#displaylr").css("color", "#FFFC00");
}
else if (templr = 67) {
$("#displaylr").css("color", "#EBEE12");
}
else if (templr = 66) {
$("#displaylr").css("color", "#CFD42C");
}
else if (templr = 65) {
$("#displaylr").css("color", "#ABB24A");
}
else if (templr = 64) {
$("#displaylr").css("color", "#858C6C");
}
else if (templr = 63) {
$("#displaylr").css("color", "#3D41AF");
}
else if (templr = 62) {
$("#displaylr").css("color", "#0000FD");
}
else if (templr = 61) {
$("#displaylr").css("color", "#424DFF");
}
else {
$("#displaylr").css("color", "#dddddd");
}
你写替换所有
if
声明“这作品,但它不“。对不起,你想要出现什么?出现什么你不想出现? – Kirby请使用[Switch](http://www.w3schools.com/js/js_switch.asp)声明。 –
@Kirby这是改变颜色,但它不会根据数字来改变它... – Jaker