Javascript 无法将红色背景壁纸转换为白色背景壁纸

我在用JS学习动画。我能够使用delta移动对象，但在对div进行背景色转换时遇到了问题。问题似乎出在javascript中，但无法解决。 我想在鼠标上把盒子的颜色从红色变为白色

//变量from=[0,0,0]，to=[255,0,0]；
var elem=document.getElementById（“动画”）；
var持续时间=500；
职能1（进度）{
返回进度；
}
功能步骤（delt1）{
/*elem.style.backgroundColor='rgb（'+
parseInt（从[0]+增量*（到[0]-从[0]））+'，'+
parseInt（从[1]+增量*（到[1]-从[1]））+'，'+
parseInt（从[2]+delta*（到[2]-from[2]））+'*/
var from=[255,0,0]，to=[255255]；
elem.style.backgroundColor='rgb'+
max（Math.min（parseInt（（delt1*（到[0]-从[0]））+从[0]，10），255），0）+'，'+
max（Math.min（parseInt（（delt1*（到[1]-从[1]））+from[1]，10），255），0）+'，'+
max（Math.min（parseInt（（delt1*（to[2]-from[2]））+from[2]，10），255），0）+’）；
}
反式功能{
var start=新日期（）；
var id=设置间隔（更改，1）；
函数更改（）{
var timePassed=新日期（）-开始；
var progress=时间经过/持续时间；
如果（进度>1）进度=1；
var delta=del1（进度）；
阶跃（增量）；
如果（进度==1）清除间隔（id）；
}
}

#制作动画{
保证金：自动；
背景色：红色；
宽度：250px；
高度：125px；
边框：1px纯黑；
}

---

可能是一个简单的拼写错误，你把

函数拼写错了

function trans()

不确定这是否只是一个练习，但更简单的方法是使用CSS


var elem=document.getElementById（“动画”）；
var持续时间=500；
职能1（进度）{
返回进度；
}
功能步骤（delt1）{
/*elem.style.backgroundColor='rgb（'+
parseInt（从[0]+增量*（到[0]-从[0]））+'，'+
parseInt（从[1]+增量*（到[1]-从[1]））+'，'+
parseInt（从[2]+delta*（到[2]-from[2]））+'*/
变量from=[255,0,0]，
to=[255，255，255]；
elem.style.backgroundColor='rgb'+
max（Math.min（parseInt（（delt1*（到[0]-从[0]））+从[0]，10），255），0）+'，'+
max（Math.min（parseInt（（delt1*（到[1]-从[1]））+from[1]，10），255），0）+'，'+
max（Math.min（parseInt（（delt1*（to[2]-from[2]））+from[2]，10），255），0）+’）；
}
#制作动画{
保证金：自动；
背景色：红色；
宽度：250px；
高度：125px；
边框：1px纯黑；
-webkit过渡：背景色1s；
-moz过渡：背景色1s；
-o过渡：背景色1s；
过渡：背景色1s；
}
#设置动画：悬停{
背景色：白色；
}
我们都会犯错误，这就是为什么在执行更复杂的js时，我会在浏览器中打开控制台的原因。