我需要一个JavaScript,它可以在45秒后自动将一个GIF图像更改为另一个OnOpen

I need a JavaScript that will automatically change one GIF image to another OnOpen, one time, after 45 seconds

本文关键字:一个 图像 GIF 另一个 OnOpen JavaScript 45秒      更新时间:2023-09-26

我一直在网络上搜索一个JavaScript,它可以让我在HTML页面上45秒后将一个GIF图像更改为另一个GIF图像。我找到了用于预加载图像、翻转脚本、多个图像幻灯片类型脚本以及其他一些脚本的脚本。它们都不符合我的具体需求。

我即将创建一个带有嵌入式图像和声音的网页。我有一个 MP4 视频,我需要大约 45 秒才能在页面打开时一次性转换为动画 GIF。我还有一个大约 20 帧(循环(的动画 GIF,大约是视频的最后 45 秒。

基于将 45 秒的视频转换为动画 GIF 的能力,这就是我需要发生的事情。视频剪辑是一面带壁炉的墙。然后,摄像机放大到壁炉中燃烧的火。由于我正在混合火焰的图像,因此我认为没有任何理由担心火焰在图像切换时不匹配。

除了前面提到的,我希望开关尽可能无缝(没有任何暂停或退出(。我想,如果我把计时器设置为大约 35 或 40 秒,我就不会冒这个风险。当前的动画GIF是燃烧火焰的一部分。我希望第一部分播放一次,最后一部分无限期重复。这是唯一的方法

我想不出任何其他方法可以让图像无限期地继续下去,而不会耗尽用户系统资源和任何类型的视频循环的极长加载时间。如果 45 秒的 GIF 文件太大或不切实际,我将需要一个脚本从 MP4 切换到 GIF。

您可以提供的任何详细的 Java 脚本或建议都将非常有帮助和赞赏。

谢谢。

  var arrayOfImages = ['1.png', '2.png']; //where do the images come from
  x = 0;
  window.setInterval(function(){
      $('#img').attr("src", arrayOfImages[x]); //change the image to 1 from the array with index x
      x++;
  }, 40000); //intervaltime