如何使用任何东西重新加载 iframe，而不是加载而不闪烁答案

【问题标题】：How to reload an iframe using anything but loading without blinking如何使用任何东西重新加载 iframe，而不是加载而不闪烁
【发布时间】：2013-12-04 02:50:27
【问题描述】：

我使用 JavaScript 代码加载 iframe，但每次加载时它都会闪烁。如何避免在加载 iframe 时闪烁？

这是我的代码

<script type="text/javascript">
  setInterval(function () {
  var iframe1 = document.getElementById("iframe1");

  iframe1.src = "frmChatRequest.aspx";     
  }, 4000);
</script>

【问题讨论】：

你每 4 秒重新加载一次……当然它会闪烁。
如果你想让光学更“流畅”，也许可以将新旧内容叠加加载并淡化（让最上面的内容在动画中透明）？
但是有一些方法可以加载 iframe 而不会每秒闪烁，如果我也将时间限制增加到 15 秒，它会闪烁
@arkascha N 怎么可能？

标签： javascript asp.net ajax iframe

【解决方案1】：

试试这个：

<script type="text/javascript">
  var myInterval = setInterval(function () {
  var iframe1 = document.getElementById("iframe1");
    if(iframe1.src == "frmChatRequest.aspx"){
        clearInterval(myInterval)
    }else{ 
        iframe1.src = "frmChatRequest.aspx";
    }  
  }, 1000);
</script>

【讨论】：

尝试将间隔时间减少到 100 而不是 1000 :)
非常聪明的朋友，但这会损害我的应用程序的效率，因为数据库之旅将是巨大的，任何其他方式伴侣
您能否更具体地说明您想要做什么。
这很简单，我正在加载一个 aspx 页面，其中数据从数据库中填充到数据表中，然后将 gridview 与数据表绑定，因此我不希望时间间隔那么短跨度>