javascript - 加载器 div 中的 ASP.net GIF 即使正确调用也不播放

问题描述

我目前正在学习 asp.net 的基础知识并在后面的代码中对其进行编码。在这个项目中，我想在一个长的服务器进程正在执行时显示一个加载 div。我通过在按钮上设置 2 个功能来实现这一点。onClientClick 指向一个启用 div 的 javascript 函数，而 onClick 指向一个 CodeBehind 函数，其中我添加了一个延迟来模拟长服务器进程，并从那里调用一个 javascript 函数来隐藏加载 div。整个过程有效，但我的问题是加载 div 中的 gif 图像根本不播放（它是一个圆形进度 gif；不旋转）。

html

<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
         <ul class="navbar-nav">
             <li class="nav-item"><a class="nav-link" href="Default.aspx">HOME</a></li>
             <li class="nav-item"><a class="nav-link" href="second.html">SECOND</a></li>
             <li class="nav-item"><a class="nav-link" href="third.aspx">THIRD</a></li>
         </ul>
</nav>

<form runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />

    <asp:Button ID="aspbtn" Text="ASP Button" OnClick="aspbtn_click" OnClientClick="asd();" runat="server"></asp:Button>

</form>
<div>
    <p> The download will begin in <span id="countdowntimer">10 </span> Seconds</p>
</div>

<div id="loadss" class="LockOn"></div>

<script>
    document.addEventListener('DOMContentLoaded', rawr);      
</script>

javascript

function rawr(){ 
    document.getElementById("loadss").style.visibility = "hidden";
    document.getElementById("loadss").style.display = "none";

}
function asd() {
    document.getElementById("loadss").style.visibility = "visible";
    document.getElementById("loadss").style.display = "block";
}
function meow() {
    asd();
    time(rawr);
};`enter code here`

代码隐藏

        Protected Sub aspbtn_click(ByVal sender As Object, ByVal e As EventArgs)
    ' Add Fake Delay to simulate long running process.
    System.Threading.Thread.Sleep(5000)
    ScriptManager.RegisterClientScriptBlock(Me, Me.GetType, "ToggleScript", "rawr()", True)


End Sub

编辑： 这是我在说什么的 gif

Edit2：仍然没有找到答案/解决方法

标签： javascripthtmlasp.netvb.net

javascript - 加载器 div 中的 ASP.net GIF 即使正确调用也不播放

问题描述

解决方案

推荐阅读