js alert自动关闭

// 使用 setTimeout 函数来延迟执行关闭 alert 的操作，但需要注意的是，
// 原生的 js alert 框无法直接通过代码自动关闭。
// 为了实现自动关闭的效果，可以使用自定义的模态框（例如使用 div 模拟 alert）。

// 下面是一个使用自定义模态框实现自动关闭的示例：

// 创建一个简单的模态框函数
function showAlert(message, duration) {
    // 创建一个 div 元素作为模态框
    let modal = document.createElement("div");
    modal.style.position = "fixed";
    modal.style.top = "50%";
    modal.style.left = "50%";
    modal.style.transform = "translate(-50%, -50%)";
    modal.style.padding = "20px";
    modal.style.backgroundColor = "#fff";
    modal.style.border = "1px solid #ccc";
    modal.style.zIndex = "1000";
    modal.style.boxShadow = "0 0 10px rgba(0, 0, 0, 0.1)";

    // 设置模态框内容
    modal.innerText = message;

    // 将模态框添加到页面中
    document.body.appendChild(modal);

    // 设置定时器，在指定时间后移除模态框
    setTimeout(() => {
        document.body.removeChild(modal);
    }, duration);
}

// 调用函数显示消息并在 3 秒后自动关闭
showAlert("这是一个自动关闭的提示框", 3000);