JS实现浏览器的标题闪烁,滚动,声音提示,chrome, Firefox, Safari等系统通知。
<强>下载
美元npm安装title-notify——save-dev
鲍尔安装inotify美元——save-dev
<强>编译
#下载依赖工具
美元npm安装
#压缩inotify
美元npm构建
初始化
效果:flash | |标识滚动
.init var iNotify=new iNotify () ()//推荐下面写法
var iNotify=new iNotify ({
消息:“有消息了。',//标题
效果:“闪电”,//flash |滚动闪烁还是滚动
openurl: " http://www.bing.com ",//点击弹窗打开连接地址>
iNotify.player ()
loopPlay
<>强自动播放声音
iNotify.loopPlay ()
stopPlay
<强>停止播放声音
iNotify.stopPlay ()
setURL
<强>设置播放声音URL
iNotify.setURL (msg.mp3)//设置一个
iNotify.setURL ([‘msg.mp3’,‘msg.ogg’, ' msg.mp4 '])//设置多个
<强>标题通知
最新的版本默认不播放标题闪烁动画,初始化之后需要调用setTitle(真正的)方法才播放标题动画。
<强> setTitle
设置标题,
iNotify.setTitle(真正的)//播放动画
iNotify.setTitle(“新标题”)//闪烁新标题
iNotify.setTitle()//清除闪烁显示原来的标题
setInterval
, <强>设置时间间隔
iNotify.setInterval (2000)
addTimer
<强>添加计数器
iNotify.addTimer ()
clearTimer
<强>清除计数器
iNotify.clearTimer ()
<强>图标通知
<代码> setFavicon
<强>设置图标显示数字
iNotify.setFavicon (10)
faviconClear
清除数字显示原来的图标
<代码> iNotify.faviconClear()
<强>铬通知
<代码>通知
弹出铬通知,不传参数为预设值…
iNotify.notify ();
iNotify.notify ({
标题:“新通知”,
身体:“打雷啦,下雨啦…”,
openurl:“http://www.bing.com”,>
iNotify.init () .title;获取标题
<>强例子
新iNotify ({
效果:“闪电”,
区间:500
})
上面的例子跟下面的是一样的
新的iNotify () .init ({
效果:“闪电”,
区间:500
});
<>强实例一
函数iconNotify (num) {
如果(通知){
var通知=new iNotify () .init ({
效果:“闪电”,
区间:500
});
}
如果(num===0) {
notify.faviconClear ()
notify.setTitle ();
}else if (num<100) {
notify.setFavicon (num)
notify.setTitle(“有新消息!”);
}else if (num> 99) {
notify.setFavicon (' . ')
notify.setTitle(“有新消息!”);
}
}
<>强实例二
var通知=new iNotify () .init ({
效果:“闪电”,
区间:500
});
notify.setFavicon (“1”)
<>强实例三
var=新iNotify () .init ({
效果:“闪电”,
区间:500年,
信息:“有消息拉!”
updateFavicon:{//可选,默认绿底白字
输入textColor:“# fff ",//标识字体颜色
写成backgroundColor:“# 2 f9a00”//背景颜色
}
}).setFavicon (10);
<>强实例四
.init var=新iNotify () () .setFavicon (5);
<>强实例五
var=新iNotify () .init ({
效果:“闪电”,
区间:500年,
信息:“有消息拉!”
音频:{
文件:“msg.mp4”
}
}).setFavicon (10) .player ();
