页面gif图第二次不加载动画问题

前端图片缓存导致gif图第二次不加载
第一次点开gif图有动画，后面点开静态显示，没有动画。这时候就想到是浏览器缓存的问题，图片进入浏览器就只加载一次，只能浏览器就会拿住图片缓存。这也是浏览器提高页面访问速度的一种方式了，这时候为了实现我们的目标，就要想办法清除掉这个缓存。
解决方法
1.加时间戳

var $msgIcon = document.getElementById("msg-icon");
  var imgUrl = getStyle($msgIcon, "background-image");
  $msgIcon.style.backgroundImage = imgUrl.substring(0, imgUrl.length - 2) + "?time=" + new Date().getTime() + '")';

• 1
• 2
• 3

2.加随机数

var $msgIcon = document.getElementById("msg-icon");
  var imgUrl = getStyle($msgIcon, "background-image");
  $msgIcon.style.backgroundImage = imgUrl.substring(0, imgUrl.length - 2) + "?time=" + Math.random() + '")';

• 1
• 2
• 3