如何在javascript(香草)中重播动画GIF-没有JQuery



我目前的问题是,我的基于 Web 的应用程序上有一个加载栏动画,当整个页面或特定内容加载时(显然(会显示该动画。它应该看起来像那些三星电视应用程序之一,因此需要对用户体验进行相当完善。

我和我的团队现在正在做的是混合为它创建一个元素,并假设它被缓存在本地设备中,这是一个问题。我知道有几种方法可以解决这个问题,比如在 src url 的末尾添加一个 Math.random(( 查询,但我宁愿暂时不遵循这条路线。

我还看到了一种我认为只需将element.src = 'theSameUrl.gif'URL设置为相同的方法,并且我假设强制设备重新加载文件而不是使用缓存的文件。

我也愿意尝试新的文件类型,可以使这更容易,但我必须记住,这个应用程序可以在许多不同的硬件上运行,从三星电视到BT盒子,甚至是维珍媒体电视盒,亚马逊火棒等。

在这一点上,我会采取任何:P

您可以通过
  1. 擦除它来"强制它"重新加载 来源:img.src = ""
  2. 然后再次设置它:img.src = "your_src_path"

这样,您的.gif将从零开始,至少在Edge,Chrome和Firefox上,它应该以相同的方式在电视上工作。

最新更新