apple.com 首页跑马灯效果实现原理是怎样？

Question

特点：1，无论点击多快，都保持了跑马灯的动画效果。2，无论点击多块，都能够保持圆形旋转效果不间断。3，无论点击多快，都能够保持了移动距离的准确性。疑惑：1，据我观察，代码应该是动态的根据点击的频率改变了动画执行的帧率。2，我自己写圆形旋转跑马灯效果是要添加多余的元素标签的，如下代码中的第一个li和最后一个li元素，但是apple的代码中并没有这样多余的元素，那么是如何实现这种效果的呢？从最后一张到第一张的无缝切换。3，动画效果的整体性，据我观察无论你之前点击滑动多少次，点击有多块，它最后一次执行的动画效果都是正常的点击一次的效果。求大神解惑。。。不知道这算不算伸手党...(哭笑不得.jpg) 观摩地址：www.apple.com<div class='box'>     <ul class='list'>         <li class='item'> <img src='images/img4.jpg'/> </li>         <li class='item'> <img src='images/img1.jpg'/> </li>         <li class='item'> <img src='images/img2.jpg'/> </li>         <li class='item'> <img src='images/img3.jpg'/> </li>         <li class='item'> <img src='images/img4.jpg'/> </li>         <li class='item'> <img src='images/img1.jpg'/> </li>     </ul> </div>