亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Javascript快速實現瀏覽器系統通知

2019-11-19 15:39:58
字體:
來源:轉載
供稿:網友

JS 實現瀏覽器的 title 閃爍、滾動、聲音提示、chrome、Firefox、Safari等系統通知。

下載

$ npm install title-notify --save-dev$ bower install inotify --save-dev

編譯

# 下載依賴工具$ npm install # 壓縮inotify$ npm buildiniteffect: flash | scroll | faviconvar iNotify = new iNotify().init()//推薦下面寫法var iNotify = new iNotify({ message: '有消息了。',//標題 effect: 'flash', // flash | scroll 閃爍還是滾動 openurl:"http://www.bing.com", // 點擊彈窗打開連接地址 onclick:function(){ //點擊彈出的窗之行事件  console.log("---") }, //可選播放聲音 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.isPermission()

聲音設置

player

播放聲音

iNotify.player()loopPlay

自動播放聲音

iNotify.loopPlay()stopPlay

停止播放聲音

iNotify.stopPlay()setURL

設置播放聲音URL

iNotify.setURL('msg.mp3')// 設置一個iNotify.setURL(['msg.mp3','msg.ogg','msg.mp4']) // 設置多個

title通知

最新的版本默認不播放標題閃爍動畫,初始化之后需要調用 setTitle(true) 方法才播放標題動畫。

setTitle

設置標題,

iNotify.setTitle(true)//播放動畫iNotify.setTitle('新標題')//閃爍新標題iNotify.setTitle()//清除閃爍 顯示原來的標題setInterval

 設置時間間隔

iNotify.setInterval(2000)addTimer

添加計數器

iNotify.addTimer()clearTimer

清除計數器

iNotify.clearTimer()

favicon通知

setFavicon

設置icon 顯示數字

iNotify.setFavicon(10)faviconClear

清除數字顯示原來的icon

iNotify.faviconClear()

chrome通知

notify

彈出chrome通知,不傳參數為預設值...

iNotify.notify(); iNotify.notify({ title:"新通知", body:"打雷啦,下雨啦...", openurl:"http://www.bing.com", onclick:function(){  console.log("---") }});

其它

iNotify.init().title; 獲取標題

例子

new iNotify({ effect: 'flash', interval: 500})

上面的例子跟下面的是一樣的

new iNotify().init({ effect: 'flash', interval: 500});

實例一

function iconNotify(num){ if(!notify) {  var notify = new iNotify().init({   effect: 'flash',   interval: 500  }); } if(num===0){  notify.faviconClear()  notify.setTitle(); }else if(num<100){  notify.setFavicon(num)  notify.setTitle("有新消息!"); }else if(num>99){  notify.setFavicon('..')  notify.setTitle("有新消息!"); }}

實例二

var notify = new iNotify().init({ effect: 'flash', interval: 500});notify.setFavicon("1")

實例三

var iN = new iNotify().init({ effect: 'flash', interval: 500, message:"有消息拉!", updateFavicon:{//可選,默認綠底白字  textColor: "#fff",// favicon 字體顏色  backgroundColor: "#2F9A00" //背景顏色 }}).setFavicon(10);

實例四

var iN = new iNotify().init().setFavicon(5);

實例五

var iN = new iNotify().init({ effect: 'flash', interval: 500, message:"有消息拉!", audio:{  file: 'msg.mp4' }}).setFavicon(10).player();

實例五

var iN = new iNotify().init({ effect: 'flash', interval: 500, message:"有消息拉!", audio:{  file: 'msg.mp4'//可以使用數組傳多種格式的聲音文件 }, notification:{  title:"通知!",  icon:"",  body:'您來了一條新消息' }}).setFavicon(10).player();//彈出chrome通知,不傳參數為預設值...iN.notify(); iN.notify({ title:"新通知", body:"打雷啦,下雨啦..."});

實例六

var iN = new iNotify({ effect: 'flash', interval: 500, message:"有消息拉!", audio:{  file: ['msg.mp4','msg.mp3','msg.wav'] }, notification:{  title:"通知!",  body:'您來了一條新消息' }})iN.setFavicon(10).player();var n = new iNotify()n.init({ effect: 'flash', interval: 500, message:"有消息拉!", audio:{  file: ['openSub.mp4','openSub.mp3','openSub.wav'] }, notification:{  title:"通知!",  icon:"",  body:'您來了一個客戶' }})n.setFavicon(10).player();

總結

以上所述是小編給大家介紹的Javascript快速實現瀏覽器系統通知,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久精品视频在线观看| 国产成人久久久| 在线电影欧美日韩一区二区私密| 亚洲精品乱码久久久久久金桔影视| 久久最新资源网| 亚洲国产精品久久91精品| 欧美综合第一页| 国产日韩精品视频| 色与欲影视天天看综合网| 亚洲欧美另类在线观看| 成人综合网网址| 成人久久一区二区三区| 国产精品极品美女在线观看免费| 亚洲图片欧美日产| 国产精品96久久久久久又黄又硬| 国产精品1234| 日韩免费观看高清| 欧美激情一区二区三区在线视频观看| 在线观看日韩视频| 久久久噜久噜久久综合| 狠狠色狠狠色综合日日五| 日韩av电影在线免费播放| 精品久久中文字幕久久av| 亚洲欧洲国产一区| 伊人久久综合97精品| 国产精品亚洲片夜色在线| 日韩精品中文在线观看| 欧美国产视频日韩| 欧美超级乱淫片喷水| 久久人人爽人人爽爽久久| 麻豆乱码国产一区二区三区| 97av在线影院| 亚洲国产成人精品一区二区| 91久久嫩草影院一区二区| 亚洲欧美国产高清va在线播| 亚州av一区二区| 亚洲第一级黄色片| 精品国产一区二区三区四区在线观看| 茄子视频成人在线| 91免费福利视频| 午夜精品久久久久久久99热浪潮| 日韩精品在线观看一区二区| 日本aⅴ大伊香蕉精品视频| 成人av在线亚洲| 亚洲精品第一页| 久久乐国产精品| 亚洲a成v人在线观看| 国产精品91久久久久久| 69久久夜色精品国产7777| 欧美日韩国产精品一区二区不卡中文| 不卡在线观看电视剧完整版| 亚洲国产成人av在线| 成人久久久久久久| 亚洲欧美激情一区| 成人有码在线视频| 国产一区二区三区三区在线观看| 亚洲精品永久免费精品| 亚洲成人久久电影| 欧美精品久久一区二区| 日韩福利在线播放| 国产网站欧美日韩免费精品在线观看| 欧美激情视频在线免费观看 欧美视频免费一| 成人黄色片在线| www.xxxx欧美| 粗暴蹂躏中文一区二区三区| 亚洲欧美日韩区| 高清欧美性猛交xxxx| 欧美激情亚洲国产| 尤物yw午夜国产精品视频明星| 欧美色图在线视频| 日韩精品欧美激情| 国外日韩电影在线观看| 2021国产精品视频| 最近2019中文字幕在线高清| 91久久精品国产91性色| 欧美电影在线免费观看网站| 国产婷婷色综合av蜜臀av| 久久视频在线观看免费| xxxx欧美18另类的高清| 成人中文字幕+乱码+中文字幕| 日韩大片在线观看视频| 日本高清视频一区| 日韩av在线直播| 欧美一区视频在线| 亚洲成在人线av| 国模gogo一区二区大胆私拍| 国产一区二区三区18| 中文字幕在线看视频国产欧美| 色99之美女主播在线视频| 亚洲无限乱码一二三四麻| 欧美第一黄网免费网站| 久久天天躁日日躁| 亲子乱一区二区三区电影| 亚洲视频国产视频| 国产亚洲精品va在线观看| 欧美电影免费观看高清完整| 亚洲的天堂在线中文字幕| 日韩欧美亚洲综合| 91沈先生在线观看| 欧美中文在线视频| 日韩在线视频线视频免费网站| 欧美福利视频在线观看| 北条麻妃久久精品| 欧美高跟鞋交xxxxxhd| 综合国产在线观看| 久久精品视频网站| 亚洲最大福利视频| 国产成人精品久久二区二区91| 国产精品黄色av| 亚洲网站视频福利| 国产69精品久久久久久| 欧美激情在线有限公司| 中文国产亚洲喷潮| 日本不卡免费高清视频| 97超级碰碰人国产在线观看| 久久久精品欧美| 国产精品亚发布| 欧美福利视频在线| 黄色一区二区在线| 上原亚衣av一区二区三区| 668精品在线视频| 九九九热精品免费视频观看网站| 高清在线视频日韩欧美| 欧美刺激性大交免费视频| 欧美肥婆姓交大片| 精品一区二区三区电影| 国产成人综合精品在线| 97精品国产97久久久久久春色| 日韩高清电影好看的电视剧电影| 2019中文字幕在线免费观看| 久久久精品在线观看| 亚洲аv电影天堂网| 日本成人激情视频| 久久欧美在线电影| 亚洲伊人久久大香线蕉av| 精品视频在线观看日韩| 色偷偷亚洲男人天堂| 国产中文日韩欧美| 色综合老司机第九色激情| 国产精品视频一区国模私拍| 色综合久久久888| 欧美高清在线播放| 亚洲美女福利视频网站| 亚洲国产精品va在线看黑人| 黑人狂躁日本妞一区二区三区| 成人福利视频网| 久久香蕉国产线看观看av| 日本不卡高字幕在线2019| 亚洲精品国产精品国自产在线| 国产a∨精品一区二区三区不卡| 91系列在线播放| 欧美在线视频网| 日本精品久久久久影院| 欧美有码在线观看| 国产精品一区二区三区成人| 国产精品亚洲网站| 亚洲字幕在线观看| 日韩黄色在线免费观看| 精品一区二区三区四区在线| 国产精品吹潮在线观看| 国产精品视频区| 深夜福利91大全| 亚洲精品一区久久久久久| 97国产精品视频|