javascript - jQuery 颜色动画下降到 "white"

Question

“红色”和“橙色”之间以及“绿色”和“浅蓝色”之间在两个方向上都有“间隙”(切换到白色)。

你能解释一下，为什么会这样吗？

    var colors = ["red", "orange", "yellow", "green", "lightblue", "blue", "purple"];
    var pos = 0;

    switchColor();

function switchColor() {
    $("#sample").animate({color: colors[pos]}, 4000);
    pos++;
    if(colors.length == pos) {
        pos = 0;
        colors.reverse();
    }
    window.setTimeout(function() { switchColor(); }, 1500)
}

https://jsfiddle.net/dw1m021y/1/

Answer 1

看起来对 animate 的调用无法识别 orange 或 lightblue 因为如果我用它们替换值我不会遇到任何问题十六进制等价物(#ffa500 代表orange，#ADD8E6 代表lightblue)。

使用 jQuery bug tracker 报告问题可能是个好主意如果十六进制值的解决方法不适合您的需要。

Updated Fiddle