提示框一段时间以后消失setTimeout

最新推荐文章于 2021-07-01 09:17:23 发布

转载最新推荐文章于 2021-07-01 09:17:23 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/my-love-is-python/p/9296485.html

文章标签：

#javascript #ViewUI

本文提供了一个使用HTML和JavaScript创建的简单示例，通过一个按钮触发确认对话框来询问用户是否确认删除，并在确认后更改页面元素显示状态。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="status"></div>

    <input type="button" value="删除" onclick="sureDelete();">

    <script>
        function sureDelete(){
            var v = confirm('确认删除吗？');
            console.log(v);
            document.getElementById("status").innerText = '已删除';
            setTimeout(function () {
                document.getElementById('status').innerText=''

            }, 5000)

        }
    </script>

</body>
</html>