Javascript 使JQuery中2s后显示无所有错误消息

通常显示错误信息后，如何使2s后显示无所有错误信息

差不多

$(document).ready(function () {
    $('#error_message').show().delay(2000).fadeOut('slow');
});

因此，无论何时显示错误消息，错误消息都要在显示出来后保留2秒。 在每个节点内都很难改变这一点。因此，我想写的代码一般，这将在每一页的效果。 因此，无论何时显示错误消息，都希望在2秒钟内显示出来

---

是否可能？

如果在document.ready上执行此操作，它将执行一次，而不是每次显示错误消息

使用显示错误的功能执行延迟淡出

function display_error(message) {
    $('#error_message').html(message);
    $('#error_message').show().delay(2000).fadeOut('slow');
}

如果这不起作用或不合适，还可以将其绑定到事件并在显示时触发事件

样本

使用“#error_message”作为id隐藏错误，但如果有多个元素，则应使用“.error_message”作为类而不是id

$(document).ready(function () {
    $('#error_message').delay(2000).fadeOut('slow'); // For id and use $('.error_message') for class
    //Or
    setTimeout(function(){
        $('#error_message').fadeOut('slow'); // For id and use $('.error_message') for class
    }, 2000)
});​

小提琴是一种乐器

千万不要对多个元素使用id$（“#someId”），它应该是唯一的，当您有类似的东西时，应该使用class$（“.someClass”）

<div class="someClass">This is an error.</div>
<div class="someClass">This is an error.</div>

这是一个错误。
这是一个错误。

使用ajaxError事件处理程序显示项目中所有ajax调用的错误。只需将此代码粘贴到布局页面：

$(function(){
     $(".error_message").ajaxError(function (event, xhr, status, error) {
           $(this).html(error).show().delay(2000).fadeOut('slow');
     });
});

通过使用setTimeout：

<div id="error_message">
     Put your error message here
</div>

<button id="btn_error">Show error</button>

<script>

// Init sample
$('#error_message').hide();

function display_error(message) {
    $('#error_message').html(message);
    $('#error_message').show();
    setTimeout(function () {
        $('#error_message').hide();
    }, 2000);
}

$("#btn_error").click(function() {
    display_error("Show this test message");
});
</script>

把你的错误信息放在这里
显示错误
//初始样本
$（“#错误消息”）.hide（）；
功能显示错误（信息）{
$（'error_message'）.html（message）；
$（“#错误消息”）.show（）；
setTimeout（函数（）{
$（“#错误消息”）.hide（）；
}, 2000);
}
$（“#btn_错误”）。单击（函数（）{
显示错误（“显示此测试消息”）；
});

不确定是否需要show（）位。也许有两个命令-一个显示，一个设置延迟？现在发生了什么-上面的代码有错误吗？@Matt Gibson:实际上这段代码

$（'#error_message'）.show（）.delay（2000）.fadeOut（'slow'）对我来说很好。它将首先使
display:block
延迟2秒，然后缓慢地使
display:none
显示。在这里，我需要在每次出现错误时调用此函数。不管怎样，如果显示了任何
#错误消息
，它希望在2秒内显示出来，而无需到处调用函数。