1 Star 0 Fork 183

lizh / iNotify

forked from 小弟调调 / iNotify
暂停
 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

标题通知

这是重复造轮子...,标题闪烁、或者滚动提示,favicon数字显示。打开chrome浏览器调试工具,按照下面截图的方式放到调试里面调用一下,你就可以看到效果了。

界面预览

下载

npm

$ npm install title-notify

bower

$ bower install inotify

init

effect: flash | scroll | favicon

iNotify.init({
    message: '有消息了。',//标题
    effect: 'flash', // flash | scroll 闪烁还是滚动
    //可选播放声音
    audio:{
        file: 'msg.mp4'
    },
    //标题闪烁,或者滚动速度
    interval: 1000,
    //可选,默认绿底白字的  Favicon
    updateFavicon:{
        // favicon 字体颜色
        textColor: "#fff",
        //背景颜色,设置背景颜色透明,将值设置为“transparent”
        backgroundColor: "#2F9A00" 
    }
})

声音设置

player

播放声音

iNotify.player()

loopPlay

自动播放声音

iNotify.loopPlay()

stopPlay

停止播放声音

iNotify.stopPlay()

setURL

设置播放声音URL

iNotify.setURL()

setTitle

设置标题

iNotify.setTitle('新标题')

setInterval

设置时间间隔

iNotify.setInterval(2000)

addTimer

添加计数器

iNotify.addTimer()

clearTimer

清除计数器

iNotify.clearTimer()

setFavicon

设置icon 显示数字

iNotify.setFavicon(10)

faviconClear

清除数字显示原来的icon

iNotify.faviconClear()

其它

iNotify.init().title; 获取标题

例子

实例一

function iconNotify(num){
    if(!notify) {
        var notify = 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 = iNotify.init({
    effect: 'flash',
    interval: 500
});
notify.setFavicon("1")

实例三

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

实例四

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

实例五

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

空文件

简介

Show notification on title, And play sounds. 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/lizhenghui/iNotify.git
git@gitee.com:lizhenghui/iNotify.git
lizhenghui
iNotify
iNotify
master

搜索帮助