asp.net-mvc-4 - MVC ViewData 按计时器更新可见性

Question

现在我在 View 有一个 ViewData["status"] ，当用户单击“SAVE”按钮时将显示如下所示：

<tr>
    @if (ViewData["status"] == null || ViewData["status"] == "")
    {
    }
    else {
        <td colspan="2" style="color:red; font-weight:bold;">
            @ViewData["status"]
        </td>
    }
</tr>

现在用户单击保存按钮后，可以永久显示 ViewData["status"] 中的字符串。有什么办法让它显示2秒然后消失吗？

Answer 1

为此，您需要 javascript。jQuery 将是理想的。

1. 给你的<td>元素一个 ID。
2. 在页面加载时，启动一个 2 秒的计时器。
3. 当计时器结束时，隐藏元素。

<td colspan="2" style="color:red; font-weight:bold;" id="status">
    @ViewData["status"]
</td>

<script type="text/javascript">
    // this function requires jQuery

    $(function () {
        setTimeout(function () {
            $("#status").hide();
        }, 2000);
    });
</script>

您还可以淡出元素，使隐藏效果平滑过渡。