用下面的代码，我如何在JavaScript中动画一个精灵在屏幕上闪烁2种不同的颜色？或者更确切地说，我该如何修复它呢？

// 创建一个精灵元素
var sprite = document.createElement('div');
sprite.style.width = '100px';
sprite.style.height = '100px';
sprite.style.position = 'absolute';
sprite.style.top = '50%';
sprite.style.left = '50%';
sprite.style.transform = 'translate(-50%, -50%)';

// 设置闪烁动画
var colors = ['red', 'blue']; // 定义颜色数组
var currentColorIndex = 0; // 当前颜色索引

function blink() {
  // 切换精灵颜色
  sprite.style.backgroundColor = colors[currentColorIndex];
  currentColorIndex = (currentColorIndex + 1) % colors.length;

  // 执行下一次闪烁
  setTimeout(blink, 500);
}

// 启动闪烁动画
blink();

// 将精灵添加到屏幕中
document.body.appendChild(sprite);