Question

我有一个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
    })

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

Answer 1

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

因此，alert会导致整个网页暂停，直到被用户解散为止，导致gif暂停。

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

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

1 个答案: