Javascript 我如何制作一个JS函数，它可以从一个相似的原始颜色双重改变为一种特定的颜色？

我有一个粉红色，我希望它在3秒内变成红色，时间是我可以改变的参数，原色和目标色也是

由此：

我可以改变颜色，但我如何才能使类似的颜色和我如何控制时间

这样做：

函数changeColor（）{
document.getElementById（“theDiv”）.className=“红色”；
}

.pink{
背景颜色：粉红色；
}
瑞德先生{
背景色：红色；
}
div{
-webkit转换：3s；/*Firefox*/
-moz转换：3s；/*WebKit*/
-o型过渡：3s；/*Opera*/
转换：3s；/*标准*/
宽度：50px；
高度：50px；
}

更改颜色

CSS可以做到这一点。。回答你的问题。你尝试了什么？你犯了什么错误？我不再问这个问题了，谢谢。

function animateBg(i) {
    document.body.style.backgroundColor = 'hsl(' + i + ', 100%, 50%)';

    setTimeout(function() {
        animateBg(++i)
    }, i);
}
animateBg(0);​