加载iframe时加载gif

Question

我曾尝试在Google上搜索以帮助解决此问题，但我似乎无法找到任何可行的方法 在我为朋友制作的网站上有一个iframe，因此您可以从网站上阅读PDF，但加载iframe需要很长时间。所以，我想在进入网站时出现一点点加载gif，当iframe加载时，它会再次消失 我已经接近了，但它无法正常工作。这就是我得到的。

<form id="form1" runat="server"> 
<div id="divLoading"> 
    <img src="/images/Gear.gif" alt="" height="42px" width="42px"/> 
</div> 
<div id="divFrameHolder" style="display:none"> 
    <iframe id="iframewebpage" runat="server" src="https://docs.google.com/gview?url=http://vandvaerk.smidstrup.net/documents/nfsv/Nyt%20fra%20SV%202017-2.pdf&embedded=true" style="width:100%; height:20%; overflow:hidden; scrolling=no; z-index:1;" frameborder="0" onload="hideLoading()" frameborder="0"> 

    </iframe> 
</div> 
</form>

但是现在我不会加载iframe而只是继续显示加载的gif。