jquery - 如何在jquery中使用延迟

Question

我想将 html() 输出延迟一段时间。我试过这个，但它不起作用。

if (data==1) {
     $("#checked_answer"+ques_id).delay(800).html("Correct") ;

}
else {
     $("#checked_answer"+ques_id).delay(600).html("Wrong") ;
}

Answer 1

请改用超时，因为delay()它仅适用于 FX 队列：

var delay = data === 1 ? 800       : 600,
    txt   = data === 1 ? 'Correct' : 'Wrong';

setTimeout(function() {
    $("#checked_answer"+ques_id).html(txt); 
}, delay);

如果您只需要使用delay()，则必须将您的html()东西添加到队列中：

$('#checked_answer').delay(800).queue(function() {
    $(this).html('Correct').dequeue();
});

Answer 2

您可以使用

var which = data == 1 ? 'Correct' : 'wrong',
timeVal = which == 1 ? 800 : 600;
setTimeout(function(){
    $("#checked_answer"+ques_id).html(which) ;
}, timeVal);

Answer 3

If you'd like to do this using animation queues, then you can explicitly add the handler to change the text after the delay like this:

$("#checked-answer").delay(800).queue(function(next) {
    $(this).html("Correct");
    next();
});

Demo

Answer 4

var val = 'correct';
var delay =800;
$setTimeout(function() {
         $('#checkedAnswer').html(val); }, delay);