解决GIF图每次加载不能从头加载的问题

最近要实现拼多多农场那个浇水的动画,公司就爱搞这些华丽胡哨的,自己尝试一番实在写不出那个水洒出来的曲线动画,于是就在网上找了GIF图片,用GIF图片的时候发现了一个问题,GIF图片每次加载的时候不是从头开始加载的,这样那个洒水的动画每次不是从头开始的就很奇怪,于是在网上找到了解决办法.

1.第一种方法

//这里用的是jQuery的方法
<script>
   var imgText = `<img src="myimage.gif?+${Math.random()}" />`
   $(".imgLocation").append(imgText);
<script/>

2. 第二种方法

//这里用的是jQuery的方法
//时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的 
  总秒数。这里getTime得到的是毫秒数，时间戳是秒数，值得注意
<script>
   var imgText = `<img src="myimage.gif?+${new Date().getTime()}" />`
   $(".imgLocation").append(imgText);
<script/>