css/javascript默认先淡出，然后淡入

我正在尝试制作一个按钮，使绿色的支票图像淡入淡出。它基本上是有效的，但是当页面加载时，如何使检查从淡出位置开始

我试着把

opacity:0

在其css中，假设fadeIn函数更改了不透明度，但它根本不显示

功能绿色检查（检查）{//半秒后淡入，保持2秒，3秒后淡出
$（检查）.fadeIn（500，函数（）{
美元。延迟（2000）。淡出（3000）；
});
}

出示支票

我会使用css中的display:none在页面加载时隐藏：

#check {
  display:none;
}

功能绿色检查（检查）{//半秒后淡入，保持2秒，3秒后淡出
$（检查）.fadeIn（500，函数（）{
美元。延迟（2000）。淡出（3000）；
});
}

#检查{
显示：无；
宽度：16px；
高度：16px；
}

出示支票

我会使用css中的display:none在页面加载时隐藏：

#check {
  display:none;
}

功能绿色检查（检查）{//半秒后淡入，保持2秒，3秒后淡出
$（检查）.fadeIn（500，函数（）{
美元。延迟（2000）。淡出（3000）；
});
}

#检查{
显示：无；
宽度：16px；
高度：16px；
}

出示支票

“当页面加载时，如何使支票从淡出位置开始？”您能更好地解释一下吗？我的目标是使其不可见，然后在调用函数时淡入可见，然后再慢慢变为不可见。但我的问题是在调用淡入之前保持它不可见，而不干扰它。显示：无起作用。“当页面加载时，如何使支票从淡出位置开始？”您能更好地解释一下吗？我的目标是使其不可见，然后在调用函数时淡入可见，然后再慢慢变为不可见。但我的问题是在调用淡入之前保持它不可见，而不干扰它。显示：无工作。