时间戳

首页 > 解决方案 > 在 GIF 动画结束时更改 URL

javascript - 在 GIF 动画结束时更改 URL

问题描述

一旦 GIF 到达最后一帧，我正在尝试更改网站的 URL。我要做的是，我可以使用libgif.js 设置。

但是，我在使其工作和弄清楚组件方面遇到了困难。有几个示例建议，但我需要做的就是检查 GIF 是否已完成，如果已完成，请转到另一个 URL。

以下代码是我到目前为止所做的，它加载了 GIF，但没有任何反应，除了循环播放，即使 GIF 不应该循环。但没有 URL 更改或任何东西。

任何帮助深表感谢。

编辑：该网站现在只是不加载并直接从浏览器转到“不安全网站”消息。

<html lang="en">
    
  <head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <script type="text/javascript" src="./libgif.js"></script>
    
  </head>
    
  <body>
        
    <img id="taliAni" src="LogoAnimation2.gif" rel:animated_src="LogoAnimation2.gif" 
      rel:auto_play="1"/>

    <script type="text/javascript">
        var sup1 = new SuperGif({ gif: document.getElementById('taliAni') } );
        sup1.on_end(window.location.href = "https://www.website.com/";);
    </script>

 </body>
 </html>

标签： javascripthtmlurlgifanimated-gif

解决方案

推荐阅读