Question

我有一个网站上有一个不重复的gif，所以看起来它正在加载。我想要一个javascript脚本来检测gif何时完成动画，然后重定向到另一个站点。

这可能吗？我不能把它设置为5秒钟，因为不同的计算机/平板电脑会在不同的时间加载它。

如果您希望在行动中看到它，那么请继续访问https://www.frossblock.dk/misc/loading - 就我所知，它在计算机上工作正常，但在平板电脑/手机上它没有足够的时间来完成完整的动画。

Answer 1

在加载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>

完成gif动画时的javascript触发器

1 个答案: