shyn0121 / Dream-Msg

iGaoWei/Dream-Msg

Dream-Msg

一款简约的基于原生 Javascript 的消息提示插件（带错误提示音）

一款简约的基于原生 Javascript 的消息提示插件（带错误提示音）。包含功能，函数回调，自动关闭 ，手动关闭 ，错误提示音，loading，closeAll等。

演示效果

点击查看演示

使用说明

html文件中直接引用Js即可调用。

 <script src="https://cdn.jsdelivr.net/gh/iGaoWei/Dream-Msg/lib/dream-msg.min.js"></script>

info

// 默认
Dreamer.info("您有一条新消息待处理，请及时查收！");

//函数回调
Dreamer.info("您有一条新消息待处理，请及时查收！",function () {
    alert("我是自定义事件");
});

//手动关闭
Dreamer.info("您有一条新消息待处理，请及时查收！",0);

//自动关闭
Dreamer.info("您有一条新消息待处理，请及时查收！",2000);

//提示音
Dreamer.info("您有一条新消息待处理，请及时查收！",true);

success

// 默认
Dreamer.success("密码修改成功请重新登录！");

//函数回调
Dreamer.success("密码修改成功请重新登录！",function () {
    alert("我是自定义事件");
});

//手动关闭
Dreamer.success("密码修改成功请重新登录！",0);

//自动关闭
Dreamer.success("密码修改成功请重新登录！",2000);

//提示音
Dreamer.success("密码修改成功请重新登录！",true);

warning

// 默认
Dreamer.warning("系统异常这是一条警告信息！");

//函数回调
Dreamer.warning("系统异常这是一条警告信息！",function () {
    alert("我是自定义事件");
});

//手动关闭
Dreamer.warning("系统异常这是一条警告信息！",0);

//自动关闭
Dreamer.warning("系统异常这是一条警告信息！",2000);

//提示音
Dreamer.warning("系统异常这是一条警告信息！",true);

error

// 默认
Dreamer.error("添加失败，请稍后再试！");

//函数回调
Dreamer.error("添加失败，请稍后再试！",function () {
    alert("我是自定义事件");
});

//手动关闭
Dreamer.error("添加失败，请稍后再试！",0);

//自动关闭
Dreamer.error("添加失败，请稍后再试！",2000);

//提示音
Dreamer.error("添加失败，请稍后再试！",true);

loading

// 默认
Dreamer.loading("加载中，请稍后")

//自动关闭
var closeMsg = Dreamer.loading("加载中，请稍后");
setTimeout(function(){
    closeMsg();
}, 4000);

closeAll

Dreamer.destroyAll();