logo标签列表

JavaScript触发GIF动画完成时的操作

javascriptfunctiontriggersgifanimated-gif
3
我有一个网站上放了一张不重复的GIF图，看起来像是正在加载。我想要一个JavaScript脚本，能够检测到GIF动画完成后，就会跳转到另一个网站。
这是否可能？我不能只将其设置为5秒，因为不同的电脑/平板电脑在加载时需要不同的时间。
如果您想看到它的效果，请访问https://www.frossblock.dk/misc/loading - 在计算机上它能正常工作，但在平板电脑/手机上没有足够的时间完成完整的动画。
在 img onload 中启动计时器？ - Alex K.
请问您能否给我一个这方面的脚本示例呢？ :) - Sn0wy
1个回答
3

当 GIF 加载完成后，启动一个与 GIF 时长相等的定时器；

<img onload="redirect();" style="position:absolute;top:0;bottom:80px;right:0;left:0;margin:auto;" src="../images/loading.gif"" width="150" height="150" />

在 <head> 元素中：

<script type="text/javascript">   
function redirect() 
{  
  window.setTimeout(function() {
    window.location="../index";
  }, 6700);   
} 
</script>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接