I am adding a class
.error
delay()
$('#username').addClass('error').delay(2000).removeClass('error');
setTimeout()
Using jquery and setTimeout function:
var $elm = $("#username").addClass("error");
setTimeout(function() {
$elm.removeClass("error");
}, 2000);
.error{
color:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="username">USER NAME</div>