如何获得模态到几秒钟后消失？

我使用iframe内的模态，我几秒钟后隐藏含有情态格但实际的屏幕并没有得到关注，它还是淡出。请检查下面的图像更清晰。还有一个问题，是否有任何方法可以改变播放器栏，我正在视频下面播放和暂停。它真正的无聊。如何获得模态到几秒钟后消失？

这个主页与其他普通页面一样，但它仍然褪色。

强大的文本

代码是在这里，

<div class="logo" id="div3"> 
     <div class="embed-responsive embed-responsive-16by9"> 
      <div id="myModal" class="modal fade"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-body"> 
          <iframe id="Video" width="900" height="500" src="C:\Users\deeptim\Downloads\picture_shop_logo.mp4" allowfullscreen ALLOWTRANSPARENCY="true"></iframe> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

和功能

 $(document).ready(function() { 
      setTimeout(function() { 
       $("div#logo_text").fadeOut("slow", function() { 
       $("div#logo_text").hide(); 
       $("div#logo_img").show(); 
       $("div#div3").hide(); 
       $("div#myCarousel").show(); 
       }); 
      }, 5000); 
     }); 

    setTimeout(function() { 
     $('#div3').fadeOut('fast'); 
    }, 5000); 

    $(document).ready(function() { 
     var url = $("#Video").attr('src'); 

     $("#myModal").on('hide.bs.modal', function() { 
      $("#Video").attr('src', ''); 
     }); 

     $("#myModal").on('show.bs.modal', function() { 
      $("#Video").attr('src', url); 
     }); 

     $("#myModal").modal(); //Display modal on load 

    });

有什么办法达到上述要求？

来源

2017-09-23 deepti mullur

你做了什么样的代码隐藏模式？ –

请加你现在在做些什么，直到，所以，这将是很容易提出一个解决方案 – Sumit

加入请检查。 –

使用$("#myModal").modal("hide")实际hide的模式，而不是单独躲在各个组件。此外，我不明白为什么你有两个timeouts具有完全相同的延迟。只要尝试以下。

 $(document).ready(function() { 
      setTimeout(function() { 
       $("div#logo_text").fadeOut("slow", function() { 

       $("div#logo_img").show(); 

       //Hide modal window 
       ////////////////////////////////////// 
       $("#myModal").modal("hide"); 
       ////////////////////////////////////// 

       $("div#myCarousel").show(); 
       }); 
      }, 5000); 
     }); 

    $(document).ready(function() { 
     var url = $("#Video").attr('src'); 

     $("#myModal").on('hide.bs.modal', function() { 
      $("#Video").attr('src', ''); 
     }); 

     $("#myModal").on('show.bs.modal', function() { 
      $("#Video").attr('src', url); 
     }); 

     $("#myModal").modal("show"); //Display modal on load 

    });

来源

2017-09-23 14:45:38 Thusitha

它的工作，谢谢。我正在改变其他两种图像视频越过之后，但现在我去掉它不是良好的编程风格，因为如果用户之前完成他们不会找到图像，直到5秒关闭视频。还有一个问题是有可能改变玩家。付款人酒吧我越来越低真的无聊？ –

@deeptimullur很高兴听到这个消息。 – Thusitha

能不能请你回答这个问题，还有一个问题是否有可能改变的球员。付款人酒吧我越来越低真的无聊？ –

如何获得模态到几秒钟后消失？

回答

相关问题