gif动画完成时触发javascript

2024-01-01

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

这可能吗?我不能只将其设置为 5 秒,因为不同的计算机/平板电脑在不同的时间加载它。

如果您想看到它的实际效果,请继续访问https://www.frossblock.dk/misc/loading https://www.frossblock.dk/misc/loading- 据我所知,它在计算机上运行良好,但在平板电脑/手机上它没有足够的时间来完成完整的动画。


当 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

gif动画完成时触发javascript 的相关文章

随机推荐