如何在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

您可以使用

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

Answer 2

使用超时，而不是作为delay()仅供外汇队列：

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 3

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

Answer 4

如果你想做到这一点使用动画队列，那么你就可以明确添加处理这样的延迟之后更改文本：

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

Demo