/Dream-Msg

iGaoWei/Dream-Msg

Primary LanguageHTML

Dream-Msg

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

一款简约的基于原生 Javascript 的消息提示插件(带错误提示音)。包含功能,函数回调自动关闭手动关闭错误提示音loadingcloseAll等。

演示效果

点击查看演示

使用说明

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();