javascript - 特番の色の出し方

Question

javascript を使用して特別な番号の色を生成するにはどうすればよいですか。たとえば、番号 3 の場合は毎回同じ色になり、番号 6 の場合は別の色になります。ありがとう

Answer 1

配列を使用して、必要な各色を格納し、インデックスでアクセスできます。

// declare color array
var colors = [ "#fff", "#f00", "#0f0", "#00f" ]; // put every color you need

// access the colors
var white = colors[0];
var red = colors[1];
// and so on...

編集

JavaScript の配列は動的であるため、実行時に色を追加できます。

colors.push("#000"); // add black color

Answer 2

N 個の異なる色が必要ですか?

次のように HSL カラーを使用できます: http://jsfiddle.net/duw6n/5/

function mod(num, den) {
    return Math.abs(num) % den;
}

function hue(n, k) {
    var tau = 360.0,
        k = k || 1;

    return mod((tau / n) * k, tau);
}

function gen_colours(lst) {
    return lst.map(function (c) {
        var node = $('<div/>').addClass('colour');

        node.html(c)
            .css({'background-color': 'hsl(' + hue(lst.length, c) + ', 100%, 50%)'});

        return node;
    });
}

色を処理する JS ライブラリについては、JavaScript で色を生成するも参照してください。

Answer 3

多分：

var colorNum = 2;
var colors = [
    "blue",
    "red",
    "yellow",
    "black"
];

colors[colorNum]「黄色」はどこ？

colors関連する色を取得するには、整数 (0 から配列の長さまでの任意の整数) を使用して (配列) を参照し、インデックスを付けることができます。