Heim >Web-Frontend >js-Tutorial >Wie iNotify.js2 einige Funktionen des Browsertitels übernimmt
So implementieren Sie das Blinken von Browsertiteln, das Scrollen, Tonansagen und System-Popup-Benachrichtigungen in Chrome, Firefox, Safari usw. mit JS. Es weist keine Abhängigkeiten auf und ist nur 4,66 KB komprimiert (gzippt: 1,70 KB). > Laden Sie
notify.js
# v2.x $ npm install @wcjiang/notify --save # v1.x $ npm install title-notify --saveOption Nachricht
: String-Titel
EffektAudio
onclick
updateFavicon
fest: Optionale Chrome-Browser-Benachrichtigung, falls nicht ausgefüllt Standardmäßig lautet es wie folgt: Inhalttransparent
通知!
isPermission
import Notify from '@wcjiang/notify'; const notify = new Notify({ message: '有消息了。', // 标题 effect: 'flash', // flash | scroll 闪烁还是滚动 openurl:'https://github.com/jaywcjlove/iNotify', // 点击弹窗打开连接地址 onclick: () => { // 点击弹出的窗之行事件 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:'您来了一条新消息', // 设置消息内容 } }); notify.player();ToneinstellungenPlayer
<script></script> <script> var notify = new Notify({ effect: 'flash', interval: 500, }); notify.setFavicon('1'); </script>
Ton automatisch abspielen
iNotify.isPermission()
iNotify.player()
setURL
iNotify.loopPlay()
Titel
iNotify.stopPlay()setIntervalZeitintervall festlegen
iNotify.setURL('msg.mp3') // 设置一个 iNotify.setURL(['msg.mp3','msg.ogg','msg.mp4']) // 设置多个
setTitle(true)
addTimeriNotify.setTitle(true) // 播放动画 iNotify.setTitle('新标题') // 闪烁新标题 iNotify.setTitle() // 清除闪烁 显示原来的标题
clearTimer
iNotify.setInterval(2000)
Favicon-Benachrichtigung
Symbol zur Anzeige von Zahlen oder Text festlegen
iNotify.addTimer()
Symbol zur Anzeige der Textfarbe festlegen
iNotify.clearTimer()
iNotify.setFavicon(10)
faviconClear
iNotify.setFaviconColor('#0043ff')
Chrome-Benachrichtigung
Öffnet eine Chrome-Benachrichtigung und übergibt keine Parameter an den Standardwert...
iNotify.setFaviconBackgroundColor('#0043ff') // 设置字体和背景颜色 iNotify.setFaviconColor('#f5ff00').setFaviconBackgroundColor('red');
Titel ist der Benachrichtigungstitel, der angezeigt wird.
iNotify.faviconClear()Beispiel 2
iNotify.notify(); iNotify.notify({ title: '新通知', body: '打雷啦,下雨啦...', openurl: 'http://www.bing.com', onclick: function() { console.log('on click') }, onshow: function() { console.log('on show') }, });
function iconNotify(num){ if(!notify) { var notify = new Notify({ effect: 'flash', interval: 500 }); } if(num===0){ notify.faviconClear() notify.setTitle(); } else if (num 99){ notify.setFavicon('..') notify.setTitle('有新消息!'); } }
iNotify.init().title;
Instanz Viervar notify = new Notify({ effect: 'flash', interval: 500, }); notify.setFavicon('1');
var iN = new Notify({ effect: 'flash', interval: 500, message: '有消息拉!', updateFavicon:{ // 可选,默认绿底白字 textColor: '#fff',// favicon 字体颜色 backgroundColor: '#2F9A00', // 背景颜色 } }).setFavicon(10);
var iN = new Notify().setFavicon(5);
var iN = new Notify({ effect: 'flash', interval: 500, message: "有消息拉!", audio:{ file: 'msg.mp4', } }).setFavicon(10).player();
Das obige ist der detaillierte Inhalt vonWie iNotify.js2 einige Funktionen des Browsertitels übernimmt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!