Javascript 在按钮上单击淡入淡出

我有按钮

当按钮点击时，显示一个div

<div>
Thanks for apply
</div>

谢谢你的申请

应该是淡入的

---

5秒钟后，它应该淡出

检查动画css属性。单击按钮时，显示div并应用动画css。 检查动画填充模式css属性。您可以使用两者的值。 将0%指定为不透明度0，将50%指定为不透明度1，并在不透明度为0时返回到100%。 使用动画持续时间属性并将其设置为5秒。 试着按照上面的思路做些事情

---

Pankaj

我认为您需要使用JQuery，在div中提到一些ID作为

。使用Jquery非常简单：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            $("#div1").fadeIn(2000);
            $('#div1').delay(3000).fadeOut(2000)
        });
    });
    </script>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#div1”）。fadeIn（2000年）；
$（'#div1'）。延迟（3000）。淡出（2000）
});
});

---

在上面的代码中，当单击按钮时，div1将在2秒内淡入，延迟3秒后，它将在2秒内淡出。

提交表单后？显示您在提交表单@Rayoni时做了什么？这是我们的作业吗？我尝试过，但我无法在单击@DivyeshSavaliya时淡入淡出