使用JQuery显示成功消息5秒

Question

我希望在点击ASP.net中的提交按钮时显示成功消息5秒。 我想用JQuery实现这一点。 请提供一些指导。 如果这个问题得到解答，请提供链接。

另外，如何在MVC中实现这一点。

Answer 1

试试这个

setTimeOut(function(){
        //your code
    }, 5000); //or as you want

Answer 2

所以这是你发布的：

使用JQuery实现这一点

您可以这样使用.delay()：

$('[type="submit"]').on('click', function () {
    $('#success').show().delay(5000).fadeOut();
});

jQuery Demo

---

虽然你也可以通过普通的js实现它：

document.getElementById('buttonid').onclick = function(){
      document.getElementById('successdiv').style.display = 'block';
      setTimeout(function(){
        document.getElementById('successdiv').style.display = 'none';
      }, 5000);
};

Pure js demo

---

注意：

请务必首先隐藏成功div，然后单击按钮显示，然后在5秒后隐藏它。因此在示例中，5秒是以毫秒为单位5sec == 5000 ms。