如何在JavaScript中更改这个径向时钟的颜色？

我在网上发现了一个JavaScript时钟。我想改变圆圈的颜色，但不知道怎么做

这是时钟：

这是绘制圆的代码：

Object.keys(circles).forEach((k, i) => {
    ctx.beginPath();
    circles[k].update(times[k]);
    ctx.strokeStyle = "hsl(" + k.charCodeAt(0) * i + ", 50%, 50%)";
    ctx.stroke();
});

---

如何更改圆圈的颜色？例如，小时应为红色，分钟应为绿色，秒应为蓝色。

您可以尝试以下方法：

var colors = [0, 77, 166];

//update circles, set their color, draw
Object.keys(circles).forEach((k, i) => {
    ctx.beginPath();
    circles[k].update(times[k]);
    // hsl(hue, saturation, lightness)
    ctx.strokeStyle = "hsl(" + colors[i] + ", 50%, 50%)";
    ctx.stroke();
});

您也可以使用其他颜色功能，例如：

var colors = ["blue", "#ff0000", "rgb(200, 0, 200)"];

//update circles, set their color, draw
Object.keys(circles).forEach((k, i) => {
    ctx.beginPath();
    circles[k].update(times[k]);
    ctx.strokeStyle = colors[i];
    ctx.stroke();
});