停止一段时间后重新启动 GIF 图像

Question

我已经设置了 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

Answer 1

您需要使用 setInterval 而不是 setTimeout

function func() {
  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());
}
var timer = setInterval(func, 30000);

Answer 2

尝试替换 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" />

停止一段时间后重新启动 GIF 图像

Restart GIF Image from starting after some time of stop

javascript

jquery

gif