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

时间:2016-05-25 09:20:28

标签: javascript jquery 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

2 个答案:

答案 0 :(得分:1)

尝试替换src然后重新放入原件。这是一个例子。 运行代码段并告诉我这是否适合您。

我使用按钮刷新图像,您可以按照您的方案使用。

&#13;
&#13;
function test1(){
jQuery('#myimg').attr('src','placeholder.png');
jQuery('#myimg').attr('src','http://www.goldenswange.com/wp-content/uploads/2016/05/stoptyre.gif');
}
&#13;
#myimg{
  width:300px;
  height:300px;
  border:0px none;
}
&#13;
<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" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您需要使用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);