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>