延迟改变文本

Question

我有一个剧本jQuery的一个问题：

我有一个电子邮件的一个段落。当我点击它。我希望将文本更改为“复制到剪贴板”并具有淡化效果。 3秒后返回淡入效应原文

我有一个问题，回到原来的文本(link)

Answer 1

尝试这种在点击事件

$('.icon-email').click(function() { 
    var email =$(this).text(); 
    $(this).fadeOut(500, function() { 
    $(this).text('Copied to clipboard').fadeIn(500,function() 
      { 
       $(this).fadeOut(3000, function() { 
          $(this).text(email).fadeIn(500);  
               }); 
      }); 
    }); 
}); 

Answer 2

可以使用动画功能上述要求：

$('.icon-email').click(function() { 
     $(this).animate({opacity:0},function(){ 
     $(this).text("new text") 
      .animate({opacity:1},3000); //3000 is the speed that you wanted to fade in and fade out 
    }) 
    });