通知
⚠️ 请使用 iNotify 2.x,不再支持 1.x 版本 。
JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。
这是重复造轮子...,标题闪烁、或者滚动提示,favicon数字显示。打开chrome浏览器调试工具,按照下面截图的方式放到调试里面调用一下,你就可以看到效果了。
下载
$ npm install title-notify --save-dev
$ bower install inotify --save-dev
编译
# 下载依赖工具 $ npm install # 压缩inotify $ npm build
init
effect: flash | scroll | favicon
var iNotify = //推荐下面写法var iNotify = message: '有消息了。'//标题 effect: 'flash' // flash | scroll 闪烁还是滚动 openurl:"http://www.bing.com" // 点击弹窗打开连接地址 { //点击弹出的窗之行事件 console } //可选播放声音 audio: //可以使用数组传多种格式的声音文件 file: 'msg.mp4''msg.mp3''msg.wav' //下面也是可以的哦 //file: 'msg.mp4' //标题闪烁,或者滚动速度 interval: 1000 //可选,默认绿底白字的 Favicon updateFavicon: // favicon 字体颜色 textColor: "#fff" //背景颜色,设置背景颜色透明,将值设置为“transparent” backgroundColor: "#2F9A00" //可选chrome浏览器通知,默认不填写就是下面的内容 notification: title:"通知!"//设置标题 icon:""//设置图标 icon 默认为 Favicon body:'您来了一条新消息'//设置消息内容
isPermission
判断浏览器弹框通知是否被阻止。
iNotify
声音设置
player
播放声音
iNotify
loopPlay
自动播放声音
iNotify
stopPlay
停止播放声音
iNotify
setURL
设置播放声音URL
iNotify// 设置一个iNotify // 设置多个
title通知
最新的版本默认不播放标题闪烁动画,初始化之后需要调用 setTitle(true)
方法才播放标题动画。
setTitle
设置标题,
iNotify//播放动画iNotify//闪烁新标题iNotify//清除闪烁 显示原来的标题
setInterval
设置时间间隔
iNotify
addTimer
添加计数器
iNotify
clearTimer
清除计数器
iNotify
favicon通知
setFavicon
设置icon 显示数字
iNotify
faviconClear
清除数字显示原来的icon
iNotify
chrome通知
notify
弹出chrome通知,不传参数为预设值...
iNotify; iNotify;
- title 一定会被显示的通知标题。
- dir 文字的方向;它的值可以是 auto(自动), ltr(从左到右), or rtl(从右到左)。
- icon 一个图片的URL,将被用于显示通知的图标。
- body 通知中额外显示的字符串。
- openurl 点击打开指定 URL。
- onclick 每当用户点击通知时被触发。
- onshow 当通知显示的时候被触发。
- onerror 每当通知遇到错误时被触发。
- onclose 当用户关闭通知时被触发。
其它
iNotify.init().title;
获取标题
例子
effect: 'flash' interval: 500
上面的例子跟下面的是一样的
;
实例一
{ if!notify var notify = ; ifnum===0 notify notify; else ifnum<100 notify notify; else ifnum>99 notify notify; }
实例二
var notify = ;notify
实例三
var iN = ;
实例四
var iN = ;
实例五
var iN = ;
实例五
var iN = ; //弹出chrome通知,不传参数为预设值...iN; iN;
实例六
var iN = effect: 'flash' interval: 500 message:"有消息拉!" audio: file: 'msg.mp4''msg.mp3''msg.wav' notification: title:"通知!" body:'您来了一条新消息' iN; var n = n n;