原生js控制gif图片停止与播放效果

本例中未引入任何css样式，只需要把gif.js插件引入即可：

<script type="text/javascript" src="js/gif.js"></script>

gif图片直接放入数组中，然后再遍历调用，代码如下：

var imgUrls = [
  'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1494673159880&di=2e8525061538327021756f8eef1c1823&imgtype=0&src=http%3A%2F%2Fimg.xiazaizhijia.com%2Fuploads%2F2016%2F0712%2F20160712104957592.gif',
  'http://img.mp.itc.cn/upload/20160402/280fbc7c1acc452c82ee3400a50afd10.jpg'
];

for(var i = 0; i<imgUrls.length; i++){
  var div = document.createElement('div');
  var el = document.body.appendChild(div);
  new Gif({
    el: el,
    url: imgUrls[i]
  });
}