如何使用js对时间块进行颜色编码？

// 时间块数据结构
const timeBlocks = [
  { start: '08:00', end: '10:30' },
  { start: '12:00', end: '14:30' },
  { start: '15:00', end: '17:30' }
];

// 获取时间块元素
const timeBlockElements = document.querySelectorAll('.time-block');

// 计算颜色
function calculateColor(start, end) {
  // 根据开始时间和结束时间计算颜色
  // 这里使用简单的随机颜色作为示例
  const color = '#' + Math.floor(Math.random() * 16777215).toString(16);
  return color;
}

// 设置颜色
timeBlockElements.forEach((element, index) => {
  const { start, end } = timeBlocks[index];
  const color = calculateColor(start, end);
  element.style.backgroundColor = color;
});