javascript - 在指定的时间段内更改 div 的背景颜色，然后在 ASP .Net 中恢复

Question

使用 ASP .Net 4.0 我有一个应用程序，我要在其中闪烁屏幕红色或绿色，由应用程序后面的代码触发。我对此的想法是有一个面板，里面有一个 div 像这样

<asp:Panel ID="DisplayPanel" runat="server" Visible="false">
        <div id="Display" style="height: 300px;"/>
</asp:Panel>

然后从后面的代码使面板显示为真，然后以某种方式使用 javascript 使其显示红色或绿色 2 秒然后让它恢复并返回到以前的状态，但是我真的不知道如何完成这个，可以有人帮助我吗？

Answer 1

这会将 div 的颜色更改为绿色 2 秒

    function flashGreen(divID) {
        var element = document.getElementById(divID);
        var currentColor = element.style.backgroundColor;
        element.style.backgroundColor = '#0F0';
        setTimeout(function () {
            element.style.backgroundColor = currentColor
         }, 2000);
    }

您只需要在要触发事件时调用它。例如，使用按钮：

<asp:Button runat="server" OnClientClick="javascript: flashGreen('Display');return false;"/>

Answer 2

您可以执行以下操作。当面板出现时，它将触发前面评论中提到的 changeColor 函数。

<asp:Panel ID="DisplayPanel" runat="server" Visible="false">
    $(document).ready(function() {
      changeColor('Display');
    });
    <div id="Display" style="height: 300px;"/>
</asp:Panel>