斗鱼扩展--礼物自动送(十三)

最新推荐文章于 2020-11-30 11:04:17 发布

weixin_30815427

最新推荐文章于 2020-11-30 11:04:17 发布

阅读量860

点赞数

文章标签： python javascript ViewUI

原文链接：http://www.cnblogs.com/likehc/p/9780641.html

版权

加这功能就是为装13,如果你有 1500个“稳”，5秒送一个，等你送完就要2个小时，结果就是这个房间， 2个小时，都是你送礼物的弹窗，多装13。这里默认了500毫秒，你可以设置喔5000.思路：获取背包内的礼物，包含礼物ID(data-giftid)，礼物数量，礼物图片地址，礼物名称，可以通过礼物ID获取创建一个礼物面板，把礼物及数量列出来，用户选中礼物，并输...

摘要由CSDN通过智能技术生成

加这功能就是为装13,如果你有 1500个“稳”，5秒送一个，等你送完就要2个小时，结果就是这个房间， 2个小时，都是你送礼物的弹窗，多装13。这里默认了500毫秒，你可以设置喔5000.

思路：

获取背包内的礼物，包含礼物ID(data-giftid)，礼物数量，礼物图片地址，礼物名称，可以通过礼物ID获取
创建一个礼物面板，把礼物及数量列出来，
用户选中礼物，并输入送出的数量，设置赠送的时间间隔点赠送。
判断用户是输入否有逻辑错误，给予提示或开始赠送。
根据礼物id开始赠送一次，送出的数量减1，当为0时，执行下一个礼物，直到处理完所有礼物。

Demo 中就写了3个文件,引用了4个文件

不多说，上代码。

send_gift.html

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <meta charset="UTF-8">
  5     <title></title>    
  6     <!-- 引入样式 -->
  7     <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  8     <link rel="stylesheet" href="send_gift.css">
  9 </head>
 10 <body>
 11     <div id="app">
 12         <!-- 背包礼物数据 -->
 13         <ul class="prop-page" style="display: none;">
 14             <li class=" prop effect" data-proptype="3" data-propid="732" data-giftid="1857" data-index="0" data-offensive="0">
 15                 <img src="https://gfs-op.douyucdn.cn/dygift/1808/9851bfcf495d7d58093fed48c7639880.png ">
 16                 <span class="prop-count">1</span>
 17                 <div class="prop-cover">
 18                     <div class="bg"></div>
 19                     <div class="text">点击</div>
 20                     <div class="text">使用</div></div>
 21             </li>
 22             <li class=" prop effect" data-proptype="2" data-propid="4" data-giftid="192" data-index="1" data-offensive="0">
 23                 <img src="https://gfs-op.douyucdn.cn/dygift/1606/ecb0d4c424ff0bafbf4ba52a3284268b.png ">
 24                 <span class="prop-count">1</span>
 25                 <div class="prop-cover">
 26                     <div class="bg"></div>
 27                     <div class="text">点击</div>
 28                     <div class="text">使用</div></div>
 29             </li>
 30             <li class=" prop effect" data-proptype="2" data-propid="23" data-giftid="520" data-index="2" data-offensive="0">
 31                 <img src="https://gfs-op.douyucdn.cn/dygift/1612/9e8e5a8a3c442933926d877d62b08b1b.png ">
 32                 <span class="prop-count">3</span>
 33                 <div class="prop-cover">
 34                     <div class="bg"></div>
 35                     <div class="text">点击</div>
 36                     <div class="text">使用</div></div>
 37             </li>
 38             <li class=" prop effect" data-proptype="2" data-propid="179" data-giftid="713" data-index="3" data-offensive="0">
 39                 <img src="https://gfs-op.douyucdn.cn/dygift/1704/cc6e38ba5b6fe92f69308c5e39e17cb0.png "><

最低0.47元/天解锁文章

weixin_30815427

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
斗鱼扩展--礼物自动送(十三)

加这功能就是为装13,如果你有 1500个“稳”，5秒送一个，等你送完就要2个小时，结果就是这个房间， 2个小时，都是你送礼物的弹窗，多装13。这里默认了500毫秒，你可以设置喔5000.思路：获取背包内的礼物，包含礼物ID(data-giftid)，礼物数量，礼物图片地址，礼物名称，可以通过礼物ID获取创建一个礼物面板，把礼物及数量列出来，用户选中礼物，并输...
复制链接

扫一扫