javascript中的转换未启动

我有一个我见过的最奇怪的问题-希望你们能帮助我

我正在我的chrome套装应用程序中进行彩虹文本转换。你可以看到

//script2.js
var-box=document.getElementById（'kalreg'）；
box.addEventListener（'transitionend'，loopTransition，false）
功能转换（e）{
如果（e.propertyName=='color'）{
console.log（'aa'）；
如果（box.className==“设置动画”）{
console.log（'bb'）；
$（框）.removeClass（“它设置动画”）
}否则{
box.className=“设置动画”；
console.log（'cc'）；
}
}
}
box.className=''

。它是一个包装器{
填充：30px；
文本对齐：居中；
最大宽度：1140px；
}
.它是包装纸h3{
字体大小：130px；
线高：150px；
填充：30px 30px 40px；
颜色：rgba（255255,0.1）；
字体系列：“鸟嘌呤”，“Arial窄”，Arial，无衬线；
文本阴影：1px 1px 1px rgba（255255255,0.3）；
背景：-webkit线性梯度（左，rgba（105,94127,0.54）0%，
rgba（255,92,92,0.57）15%，
rgba（255160,17,0.59）27%，
rgba（252236,93,0.61）37%，
rgba（255229145,0.63）46%，
rgba（111196173,0.65）58%，
rgba（106132186,0.67）69%，
rgba（209119195,0.69）79%，
rgba（21623125,0.7）89%，
rgba(21623125,0.72)100%,，
-webkit重复线性梯度（-45度，rgba（255255,0.9），透明20px，rgba（255255,0.3）40px）；
背景尺寸：300%100%；
背景位置：左中、左上；
-webkit背景剪辑：文本；
-moz背景剪辑：文本；
背景剪辑：文本；
过渡：一切都很轻松；
-moz边界半径：90px 15px；
-moz盒阴影：0px 0px 0px 10px rgba（255255255,0.4）；
}
.it包装器h3.it-animate{
背景位置：右中、右上；
颜色：rgba（255137149,0.7）；
-moz盒阴影：0px 0px 0px 10px rgba（39137149，0.9）；
}
输入{
宽度：100%；
}
@字体{
字体家族：鸟嘌呤；
src:local（鸟嘌呤），url（'font/guanine.ttf'）格式（'opentype'）；
}

文本

fiddle设置为JavaScript代码在“加载”处理程序中运行。这就是你的独立页面的工作原理吗？我有两个文件——window.html，它包含了你可以在fiddle中看到的所有css和html。Javascript位于文件script2.js中，它是使用很棒的脚本从窗口html加载的。

script2.js

文件中的代码是否包装在窗口“加载”事件处理程序中？如果不是，那可能是你的问题，因为JSFIDLE是为你做的。我不确定“包装”这个词在上下文中的意思，你能详细说明一下吗？chrome打包的应用程序出于安全原因不允许我将工作代码放在window.html文件中，但幸运的是我将其编码到js文件中并。。。它很有魅力！非常感谢你！您的fiddle设置为JavaScript代码在“加载”处理程序中运行。这就是你的独立页面的工作原理吗？我有两个文件——window.html，它包含了你可以在fiddle中看到的所有css和html。Javascript位于文件script2.js中，它是使用很棒的脚本从窗口html加载的。

script2.js

文件中的代码是否包装在窗口“加载”事件处理程序中？如果不是，那可能是你的问题，因为JSFIDLE是为你做的。我不确定“包装”这个词在上下文中的意思，你能详细说明一下吗？chrome打包的应用程序出于安全原因不允许我将工作代码放在window.html文件中，但幸运的是我将其编码到js文件中并。。。它很有魅力！非常感谢你！