如何按时间间隔重新加载Iframe内容,使其不会闪烁

How to reload Iframe content at a time interval so that it does not flicker

本文关键字:内容 Iframe 闪烁 加载 时间 何按 新加载      更新时间:2023-09-26

我将Iframe保留在更新面板中,但每次重新加载时它都会闪烁。我想我可以使用javascript加载Iframe的内容,使其不闪烁。这种方式正确吗?如果是,那么我该怎么做?如果没有,那我该怎么办?

这是代码

<asp:UpdatePanel ID="UpdatePanel2" UpdateMode="Conditional" runat="server">
    <ContentTemplate>
        <div style="width:100%; height: 195px; margin-left: -7px;">
            <asp:PlaceHolder ID="ContentPlaceHolderChatRequest" runat="server">
                <iframe id="iframe1" frameborder="0" style=" width: 379px;
                        height:110%;" src="frmChatRequest.aspx"
                        scrolling="no" runat="server">
                </iframe>
            </asp:PlaceHolder>
            <div></div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>  

你能试试这个吗,用setInterval()load()

      $(function(){    
        setInterval(function(){
          $( "#result" ).load( "frmChatRequest.aspx", function() {
            alert( "Load was performed." );
           });
        }, 10000);         
    });

HTML:删除iframe并在div下面添加

     <div id="result" ></div>