如何创建一个将单行的颜色从黑色变为灰色再变为白色的函数？

function colorTransition(element) {
  var startColor = [0, 0, 0]; // 黑色 RGB 值
  var endColor = [255, 255, 255]; // 白色 RGB 值
  var duration = 1000; // 动画时长，单位为毫秒

  var interval = 10; // 定时器间隔，单位为毫秒
  var steps = duration / interval; // 动画步数

  var currentStep = 0; // 当前步数
  var rStep = (endColor[0] - startColor[0]) / steps; // 红色通道每步变化量
  var gStep = (endColor[1] - startColor[1]) / steps; // 绿色通道每步变化量
  var bStep = (endColor[2] - startColor[2]) / steps; // 蓝色通道每步变化量

  var timer = setInterval(function() {
    if (currentStep >= steps) {
      clearInterval(timer); // 动画结束，清除定时器
    }

    var r = Math.round(startColor[0] + rStep * currentStep); // 当前红色通道值
    var g = Math.round(startColor[1] + gStep * currentStep); // 当前绿色通道值
    var b = Math.round(startColor[2] + bStep * currentStep); // 当前蓝色通道值

    var color = 'rgb(' + r + ', ' + g + ', ' + b + ')'; // 当前颜色值
    element.style.backgroundColor = color; // 设置元素背景颜色

    currentStep++; // 步数递增
  }, interval);
}