奇怪的IE与Firefox的Javascript动画速度

Strange IE vs Firefox Javascript animation speed

本文关键字：Javascript 动画 Firefox 速度 IE      更新时间：2023-09-26

我有以下函数，它连接到一组不同的插件设置中，允许您配置旋转对象的句柄、速度和角度。在IE9中，一切都运行得非常清晰，非常好，但firefox是不稳定的。

// 1. FUNCTION ROTATE ANIMATIONS IN
function rotate_on(degree, index){
clearTimeout(rotateofftimer);   /* CLEAR ANIMATION OUT TIMER */
// A. APPLY THE CROSS-BROWSER CSS FOR ROTATIONS
if((ievers==6)||(ievers==7)||(ievers==8)){ if(ievers==8){ /* IE 8 CODE */ current_obj.css({/* IE8 */'-ms-filter':'"progid:DXImageTransform.Microsoft.BasicImage(rotation='+degree+')"',/* IE<8 */'filter':'progid:DXImageTransform.Microsoft.BasicImage(rotation='+degree+')'});} else { /* IE 6/7 CODE */ };
} else { /* NON IE */ 
current_obj.css({/* W3C CSS3 standard */'transform':'translateX(0)rotate('+degree+'deg)','transform-origin':OS.rotate_handle_on_set[index],/* Firefox */'-moz-transform':'translateX(0)rotate('+degree+'deg)','-moz-transform-origin':OS.rotate_handle_on_set[index],/* Chrome, Safari, Mobile, Etc. */'-webkit-transform':'translateX(0)rotate('+degree+'deg)','-webkit-transform-origin':OS.rotate_handle_on_set[index],/* Opera */'-o-transform':'translateX(0)rotate('+degree+'deg)','-o-transform-origin':OS.rotate_handle_on_set[index],/* IE>=9 */'-ms-transform':'rotate('+degree+'deg)','-ms-transform':'translateX(0)rotate('+degree+'deg)','-ms-transform-origin':OS.rotate_handle_on_set[index]});};
// B. TEST FOR REPEAT ROTATIONS - IF VALUES ARE THE SAME, REPEAT ROTATIONS
if(OS.rotate_on_set[index]==OS.rotate_off_set[index]){ 
// SAVE THE ENDING VALUE TO PICKUP ON NEXT PLAY (IF LOOPING)
OS.rotate_on_set[index]=degree;OS.rotate_off_set[index]=degree; degree++;
}else{ if(degree<OS.rotate_off_set[index]){ degree++ };};
// C. TRIGGER THE FUNCTION IN A TIMER, BASED ON USER SPEED
rotateontimer = setTimeout(function(){rotate_on(degree, index)},OS.rotate_speed_on_set[index]);};

奇怪的是，当我把速度调低，使动画变得非常慢时，在Firefox中，它基本上是一次抖动一帧，但IE9似乎知道如何将其转化为平滑/缓慢的动画。这可能与计时器有关吗？谢谢

这似乎就是Firefox的样子。我也有同样的问题，JS动画断断续续，而且只有在使用Firefox观看时才会出现。Internet Explorer 9（标准模式加上兼容模式"IE7"answers"IE8"）和Chrome在任何情况下都能显示流畅的动画。

相信我，我们不是唯一一个有这个问题的人，至今还没有明确的解决方案。

相关文章：