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;"/>