Jquery 具有fadeToggle（）的元件上的时间延迟？_Jquery_Fadein_Fade_Fadeout_Timedelay

Jquery 具有fadeToggle（）的元件上的时间延迟？

jquery

Jquery 具有fadeToggle（）的元件上的时间延迟？,jquery,fadein,fade,fadeout,timedelay,Jquery,Fadein,Fade,Fadeout,Timedelay,设置元素的时间延迟以使其在特定时间内显示，但在出现和消失时具有淡入淡出效果的最佳方法是什么？这可以通过jQuery中的fadeToggle（）函数实现吗我当前应用程序的示例： …当您单击“复制”按钮时，它会将文本复制到剪贴板并显示“已复制！”标题，但没有任何过渡效果，这正是我试图实现的有什么想法吗？您可以使用jQuery的delay（）： $（this）.fadeToggle（）.delay（500）.fadeToggle（）时间以毫秒为单位 delay：您可以使用jQuery的delay

设置元素的时间延迟以使其在特定时间内显示，但在出现和消失时具有淡入淡出效果的最佳方法是什么？这可以通过jQuery中的fadeToggle（）函数实现吗

我当前应用程序的示例：

…当您单击“复制”按钮时，它会将文本复制到剪贴板并显示“已复制！”标题，但没有任何过渡效果，这正是我试图实现的

有什么想法吗？

您可以使用jQuery的

delay（）

：

$（this）.fadeToggle（）.delay（500）.fadeToggle（）

时间以毫秒为单位

delay

：

您可以使用jQuery的

delay（）

：

$（this）.fadeToggle（）.delay（500）.fadeToggle（）

时间以毫秒为单位

延迟

：

给你

你也可以试试这样的东西-

小提琴-

检查

.fadeToggle（[duration][，easing][，complete]）

方法中的参数


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“.copy”）.show（）.fadeToggle（3000）；
});
});
复制！！
复制

你也可以尝试这样的方法-

小提琴-

检查

.fadeToggle（[duration][，easing][，complete]）

方法中的参数


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“.copy”）.show（）.fadeToggle（3000）；
});
});
复制！！
复制

$('#foo').delay(3000).fadeIn('slow').delay(3000).fadeOut('slow');

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".copy").show().fadeToggle(3000);
  });
});
</script>
</head>
<body>

<div class="copy" style="display:none;">copied!!</div>
<button>Copy</button>


</body>
</html>