javascript - 停止一段时间后，从开始重新启动GIF图片

我已经设置了GIF图像及其正常工作，但是对此有一个查询，这就是我如何在一段时间后重新启动该GIF图像而不刷新页面。

我有很多搜索，但是任何解决方案都不适合我。

我将代码设置为：

<script type="text/javascript">
        jQuery('document').ready(function(){
            function func() {
                //alert('Here');
                var d = new Date();
                var img = new Image();
                img.src = 'http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif';
                jQuery("#gifimg").attr("src", img.src + '?s=' + d.getTime());
                timer = setTimeout(func, 30000)
            }
            var timer = setTimeout(func, 30000)
            /*setInterval(function(){
                //alert('hy');
                var d = new Date();
               // var img_path = 'http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif?' + d.getTime();
               var img = new Image();
               img.src = 'http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif';
               jQuery("#gifimg").attr("src", img.src + '?s=' + d.getTime());
            },32000);*/
        });
</script>

但是它不能很好地工作。

任何帮助将不胜感激，并等待正确的答案。

您可以在这里看到它：Link

最佳答案

尝试更换src，然后再次放入原件。这是一个例子。
运行代码段，让我知道这是否适合您。

我已经使用按钮刷新图像，您可以根据自己的情况使用。

function test1(){
jQuery('#myimg').attr('src','placeholder.png');
jQuery('#myimg').attr('src','http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif');
}

#myimg{
  width:300px;
  height:300px;
  border:0px none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<button onclick="test1();">
refresh image
</button>
<img id="myimg" src="http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif" alt="dgfdgdf gfd gdfg fdsg dfs gdfsgdfsgdfg" />