可重复多次播放的动画

可重复多次播放的动画的3种实现思路

1. 多张图+css。比如：苹果网站的 apple watch 。
2. gif动态图。当然如果直接用img的src放入gif路径，该动态图会一直循环播放下去，所以就要加个动画播放最初时的一个静态图，通过切换src达到多次重复播放。
3. 短视频。调用video对象的play()方法。当然，如果你用jQuery获取video对象时，注意要转出video对象。

//return a DOM object
var video = document.getElementById('videoID'); //or
var video = $('#videoID').get(0); //or
var video = $('#videoID')[0];
//return a jQuery object
var video = $('#videoID');