我已经设置了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
答案 0 :(得分:1)
尝试替换src
然后重新放入原件。这是一个例子。
运行代码段并告诉我这是否适合您。
我使用按钮刷新图像,您可以按照您的方案使用。
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;
答案 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);