0
我有一个JavaScript循环,执行transform3d动画。一切都很好,但我想看看是否可以给循环内的某些执行添加延迟(共4项)。延迟transform3d但不是循环
for (i=0,len=$clientsSections.length;i<len;i++) {
clientsSection = $clientsSections[i];
if (i == 0 || i == 3) {
finalTransitionTime = '600ms';
}
else if (i == 1 || i == 2) {
finalTransitionTime = '300ms';
}
clientsSection.style.webkitTransition = 'all ' + finalTransitionTime + ' linear';
clientsSection.style.OTransition = 'all ' + finalTransitionTime + ' linear';
clientsSection.style.msTransition = 'all ' + finalTransitionTime + ' linear';
clientsSection.style.MozTransition = 'all ' + finalTransitionTime + ' linear';
clientsSection.style.transition = 'all ' + finalTransitionTime + ' linear';
clientsSection.style.webkitTransform = 'translate3d(0,0,0)';
clientsSection.style.transform = 'translate3d(0,0,0)';
clientsSection.style.OTransform = 'translate3d(0,0,0)';
clientsSection.style.msTransform = 'translate3d(0,0,0)';
clientsSection.style.MozTransform = 'translate3d(0,0,0)';
}
我想要做的是长跑,我== 0,我== 3马上,而是由几百毫秒我== 1和我== 2耽误。我试图找出如何实现这一点,但我正在努力使它运行0,1,2,3的for循环。
大谢谢。我甚至没有想过要寻找一个CSS延迟。这很好。 – ATLChris