显示弹出窗口时，GIF 动画停止

GIF animation stops when popup is displayed

本文关键字：GIF 动画 窗口 显示      更新时间：2023-09-26

我有一个设置为背景图像的GIF。当调用警报消息时，GIF 动画停止，我想避免这种情况。我想在后台运行我的 GIF，并且在调用警报消息时不应停止。

这是我设置背景gif的风格

   <style>
    body {
        background-image:url(background.gif);
        background-size:100%;
        background-repeat: repeat-y;
        background-attachment: fixed;
        height:100%;
        width:100%;
    }
    </style>

在这里，我显示警报消息。

  $(window).load(function(){
      function show_popup(){
      {     
        alert("testing");    
      };
       window.setTimeout( show_popup, 500 ); // 5 seconds
    })

有关此问题的任何帮助将不胜感激。提前致谢

这是浏览器工作方式的一部分。单线程中的浏览器页面，这意味着每个操作都发生在一个队列中。JavaScript alert s、prompt s 等是同步的，并阻止单个线程在其轨道上，直到用户执行某些操作。

因此，alert会导致整个网页暂停，直到用户将其关闭，从而导致gif也暂停。

要解决此问题，请使用 AlexanderOMara 建议的基于 DOM 的对话框。如果您使用的是 jQuery，则可以使用 jQuery UI 对话框

相关文章：