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>

您还可以fade-out元素，以便隐藏效果是平滑过渡。