延迟元素的显示

Question

我想在给定时间后显示一个特定元素，因此在我的localhost上尝试：

window.addEventListener("load", function() {
//other things
$( "#recaller" ).delay(80000).css( "color", "red" );
}

我确实让#recaller变成了红色，但是很快。那是为什么？

Answer 1

delay()适用于添加到fx动画队列的逻辑，css()不是。您可以使用setTimeout()调用来完成此项工作：

$(window).on('load', function() {
  // other things
  setTimeout(function() {
    $('#recaller').css('color', 'red');
  }, 80000);
});

另请注意，最好使用addClass()更改元素的样式而不是css()。