礼物任务插件是了简化礼物任务开发做的独立的库,开发礼物任务插件,可以直接套用该库

1.引入JS文件

礼物任务插件js基于jquery库，请先引入jquery库。
入口文件：
/libs/zbmate/gift_task.js

示例：

<script src="/libs/jquery/jquery-2.2.4.min.js"></script>
<script src="/libs/zbmate/gift_task.js"></script>

2.调用方法

设置任务列表

跟插件配置相对应，字段名保持一致

//示例：
    var List = [
        {
            img:' https://gfs-op.douyucdn.cn/dygift/2018/11/27/cbfa61d6ed66d35d80841223c717d373.gif',
            total:100,
            name:'火箭'
        }
    ]

字段说明

字段名 类型 必须 说明
img string 是 礼物图片，设置0或者-1当前礼物无效
total number 是 礼物的目标数量
name string 是 礼物名称，设置0或者-1，当前礼物无效
其他 否 其他参数

页面初始化调用

调用示例


giftTask.init({
    //默认礼物任务列表，格式[{img:礼物图标,total:目标任务量,name:礼物名称,...}]
    defaultList:List,
    //保存时间，单位小时,时间改变，数据清零
    hour:hour,
    //初始化结束后的回调
    initCallBack:function(list){
        //list:完成情况列表
        console.log(list);

    }
});

返回 list 参数说明

返回参数：

[
   {
       id: 1575466156132,
       img: " https://gfs-op.douyucdn.cn/dygift/2018/11/27/cbfa61d6ed66d35d80841223c717d373.gif",
       name: "火箭",
       num: 58,
       total: 100,
       ...
   }
   ...
]

字段说明

字段名 类型 说明
id number 礼物唯一标识(时间戳)
img string 礼物图片
total number 礼物的目标数量
num number 当前礼物总数
name string 礼物名称
其他 其他参数

有新的礼物数据的时候调用

 giftTask.getGift(data,function(d){
 //d：属于任务列表中的礼物返回，返回当前礼物完成情况
   console.log(d);
});

返回参数：

{
       id: 1575466156132,
       img: " https://gfs-op.douyucdn.cn/dygift/2018/11/27/cbfa61d6ed66d35d80841223c717d373.gif",
       name: "火箭",
       num: 58,
       total: 100,
       ...
   }

完成示例

var days = 1, //保持天数
    List = [
        {
            img:' https://gfs-op.douyucdn.cn/dygift/2018/11/27/cbfa61d6ed66d35d80841223c717d373.gif',
            total:'100',
            name:'火箭'
        }
    ];

var hour = days*24；

giftTask.init({
    //默认礼物任务列表，格式[{total:目标任务量,name:礼物名称,...}]
    defaultList:List,
    //保存时间，单位小时
    hour:hour,
    //初始化结束后的回调
    initCallBack:function(list){
        //list:完成列表
        //初始化界面
        console.log(list);

    }
});

PubSub.subscribe("dgb", function (msg, data) {
   giftTask.getGift(data,function(d){                        
        console.log('礼物名：'+d.name +"，任务总目标："+d.total+'，当前已收到'+d.num);
   });

});

zbmate.connect();