jQuery Fading / Invisibility

Question

如果页面加载后，我怎样才能使<h3>淡出或仅在几秒钟后隐藏在我的页面上？

Answer 1

您可以使用简单的.delay()调用，如下所示：

$(function() {
  $("h3").delay(3000).fadeOut();
});

在document.ready上，这会选择所有<h3>元素并在.fadeOut()之前添加3秒延迟，只需根据需要调整选择器，例如：h3.message表示<登记/> <h3 class="message">。

这是延迟任何行动的更一般的非.delay()版本：

$(function() {
  setTimeout(function() { $("h3").fadeOut(); }, 3000);
});

Answer 2

jQuery有不同的Timer插件。这是一个简短的例子。 Here

可以设置计时器，如果时间结束，则隐藏或淡出。

Answer 3

$(function(){$("whateverselector").fadeOut()});

Answer 4

  $(document).ready(function() {
    setTimeout(function(){    $("#h3").fadeOut();    }, 3000);    
});

Answer 5

您可以使用setTimeout函数实现此目的：http://www.w3schools.com/js/js_timing.asp

var timeout = 3; // 3 seconds
$(function(){ // DOM ready
  setTimeout(function(){
    $("h3").fadeOut();
  }, timeout*1000);
});

Answer 6

尝试以下方法：

$(function(){
setTimeout("$('h3.classname').fadeOut()", 2000);
});

这将使带有类classname的h3在加载DOM后2秒淡出。