延迟更改文本

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

您可以将animate函数用于上述要求：

  $('.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
    })
    });