1 Star 0 Fork 183

雨果虾滑猫 / iNotify

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

标题通知

这是重复造轮子...,标题闪烁、或者滚动提示,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();
Copyright (c) 2010-2015 王楚江 http://JSLite.io Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

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

发行版

暂无发行版

贡献者

全部

近期动态

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

搜索帮助