基于时间扫描数组的有效方法？

Question

我目前正在尝试根据视频的时间显示数组的元素..

例如 假设当视频为00：30-1：20（分：秒）时，用户希望网站的背景颜色为红色，当视频为2：00-3时，网站的背景为蓝色： 00。

我目前有一个数组填充了每个颜色变化的开始时间和一个索引。 乞讨时间将与视频的当前时间进行比较。如果当前时间> =开始时间，则背景将变为索引的颜色。 现在将当前时间与结束时间进行比较，一旦结束时间过去，索引将增加...

基本上是这样的。

var index =0;
beginningTime[]; 
endingTime[];
colors[];

If(vid.currentTime>=begginingTime[index] && vid.currentTime<endingTime[index])
{
 background.color=colors[i];
}
if(vid.currentTime>endingTime[index])
i++;

我想知道是否有更有效的方法来做到这一点？还是有关更好的方法的任何提示？