js封装的Toast消息提示框，可作为消息提示、警示框、报错提示、确认框等，很方便好用

以下是一个简单的JavaScript函数，用于创建Toast消息提示框：

function showToast(type, message) {
    // 创建Toast元素
    const toast = document.createElement('div');
    toast.classList.add('toast');
    toast.classList.add(type); // 添加类型样式
    toast.textContent = message; // 设置文本内容
 
    // 将Toast添加到页面上
    document.body.appendChild(toast);
 
    // 3秒后移除Toast
    setTimeout(() => {
        toast.classList.add('hide'); // 添加隐藏样式
        setTimeout(() => {
            toast.remove(); // 从DOM中移除Toast
        }, 500); // 延迟0.5秒确保隐藏效果完成
    }, 3000); // 延迟3秒隐藏Toast
}
 
// 使用示例
showToast('success', '操作成功！');
showToast('error', '发生错误，请重试！');

在这个例子中，showToast函数接受两个参数：type（可以是'success', 'error', 'info'等，用于指定Toast的样式）和message（Toast中显示的文本）。函数创建一个div元素，设置类名和文本内容，然后将其添加到body中。通过setTimeout，3秒后将Toast的类添加一个隐藏的类，并在隐藏效果完成后（约0.5秒）从DOM中移除Toast。