b站“视频评论区”抽奖 讲解（含JS源码）

已于 2023-01-19 22:42:51 修改
阅读量4.3k 收藏 8
点赞数 4
分类专栏： 教程 JS 前端 文章标签： js javascript 脚本 B站
于 2020-08-08 13:42:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ikaros_521/article/details/107878555
版权

目录

新前言

因为 b站升级原因，原来评论的页数也变成了无限下拉加载的形式。导致旧版程序无法使用。
新版本的程序简单重构了一下，可参考下面的2.0版本新代码，使用方法一样。
ps：因为下拉加载的形式对浏览器压力过大，于是新一代程序上线，下方传送门

b站动态评论+视频评论区 抽奖2合1 JS版本

旧前言

如有 动态评论区 抽奖需要，可以参考：JS实现b站动态抽奖“公平”方案——动态+转发
因为转发抽奖只支持小人数，如果人少，可以使用：JS实现b站动态转发抽奖（小人数）新方案讲解
B站动态转发抽奖脚本+教程
为了方便我已经对代码做了整理，传送门：码云 GitHub

视频讲解

B站“视频评论区”抽奖 讲解【JS】


传送门

正文

1.打开视频页面

在这里插入图片描述

2.鼠标右键打开“检查”工具 或 按F12

在这里插入图片描述

3.直接贴入代码-v3.1

代码如下，复制粘贴进入“console”，然后回车

console.log("程序开始运行");
console.log("定义集合存储数据");
let name_set = new Set();
let id_set = new Set();
console.log("开始载入数据");

// 循环变量
var my_loop;
// 下滑延时 800毫秒 网速/加载速度较慢的朋友们最好放慢速度 提高准确性
var r_time = 800;

// 评论数
var comment_num = 1;
if(document.getElementsByClassName("total-reply")[0].innerText.indexOf("万") != -1)
{
	comment_num = 10000 * (parseInt(document.getElementsByClassName("total-reply")[0].innerText) + 1);
}
else
{
	comment_num = parseInt(document.getElementsByClassName("total-reply")[0].innerText);
}

// 下滑
function r()
{
	setTimeout(() => {
        window.scroll(0, 1);
    }, 1000);
	window.scroll(0, 1920*comment_num);
	// 没有评论后自动停止下滑 并 抽奖
	if(document.getElementsByClassName("reply-end")[0])
	{
		// 停止下滑循环
		stop_r();
		// 抽奖函数
		draw();
	}
}

// 停止下滑循环
function stop_r()
{
	clearInterval(my_loop);
}

// 抽奖函数
function draw()
{
    // 循环次数
    var len = document.getElementsByClassName("user-name").length;
	for(var i=0; i<len; i++)
	{
		var name = document.getElementsByClassName("user-name")[i].innerText;
		var id = document.getElementsByClassName("user-name")[i].getAttributeNode("data-user-id").value;
		// console.log(name+"，加入集合");
		name_set.add(name);
		id_set.add(id);
	}
	
	console.log("全部数据加载完毕");
	console.log("总共"+name_set.size+"名用户");
	
	// 这就是注释
	//return false;
}

// 获取幸运儿
function go(num)
{
	for(var i=0; i<num; i++)
	{
		// 生成随机数，直接打印中奖者信息
		var lucky_num = parseInt(Math.random()*(name_set.size), 10);

		console.log(" ");
		console.log("中奖用户ID为:"+Array.from(id_set)[lucky_num]);
		console.log("中奖用户名为:"+Array.from(name_set)[lucky_num]);
		console.log(" ");
	}
}

// 开始自动下滑 r_time毫秒一次
my_loop = setInterval(r, r_time);

// 全部数据加载完毕后，使用 go(中奖数) 抽取中奖者

4.等待翻页到最底部后，运行 go(中奖人数)

例如 go(1) 就是抽一个人
在这里插入图片描述

ok 结束。

抽取多人版本

【已不兼容】1.2 同理 控制台贴入代码，页数加载完后 然后输入 go(人数) 回车即可

// 获取时间
function get_date() {
    var date = new Date();
	var h = date.getHours();
	var m = date.getMinutes();
	var s = date.getSeconds();
	h = h < 10 ? ('0' + h) : h;
	m = m < 10 ? ('0' + m) : m;
	s = s < 10 ? ('0' + s) : s;
    var currentDate = "[" + h + ":" + m + ":" + s + "] ";
    return currentDate;
}

// 从map获取下标为index的键
function get_map_key(map, index)
{
	var i = 0;
	for (var [key, value] of map) {
		if(i == index)
		{
			return key;
		}
		i++;
	}
}

// 从map获取下标为index的值
function get_map_value(map, index)
{
	var i = 0;
	for (var [key, value] of map) {
		if(i == index)
		{
			return value;
		}
		i++;
	}
}

// 遍历map
function get_map(map)
{
	for (var [key, value] of map) {
		console.log(key + " = " + value);
	}
}

console.log(get_date() + "程序开始运行");
console.log(get_date() + "定义图存储数据(自动去重)");
let name_map = new Map();
let id_map = new Map();
console.log(get_date() + "开始载入数据");
var page = 1;
var my_loop;

// 抽奖函数
function draw()
{
    // 循环次数
	var len = document.getElementsByClassName("list-item reply-wrap").length;
	for(var i=0; i<len; i++)
	{
		var name = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
		var id = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].getAttributeNode("data-usercard-mid").value;
		//console.log(name+"，加入图");
		name_map.set(name, page);
		id_map.set(id, page);
	}
	console.log(get_date() + "第"+page+"页数据存入Map完毕");
	if(null != document.getElementsByClassName("next")[0])
	{
		page++;
		//console.log("自动翻页...");
		document.getElementsByClassName("next")[0].click();
		//return true;
	}
	else
	{
		console.log(get_date() + "全部数据加载完毕");
		console.log(get_date() + "总共" + name_map.size + "名用户");
		clearInterval(my_loop);
		// 这就是注释
		//return false;
	}
}

function go(num)
{
	if(num > name_map.size)
	{
		console.log("？？？搞事情？？？，一共都没那么多人");
		return;
	}
	
	var arr = [];
	var lucky_num;
	for(var i = 0; i < num; i++)
	{
		lucky_num = parseInt(Math.random()*(name_map.size), 10);
		if (arr.toString().indexOf(lucky_num) > -1) {
			i--;
			continue;
		}
		else
		{
			arr.push(lucky_num);
		}

		console.log(" ");
		console.log("中奖用户ID为:" + get_map_key(id_map, lucky_num));
		console.log("中奖用户名为:" + get_map_key(name_map, lucky_num));
		console.log("中奖者位于页:" + get_map_value(name_map, lucky_num));
		console.log(" ");
	}
}

// 定时调用函数
my_loop = setInterval(draw, 1500);

在这里插入图片描述

【已不兼容】1.1 同理 控制台贴入代码，页数加载完后 然后输入 go() 回车即可

// 获取时间
function get_date() {
    var date = new Date();
	var h = date.getHours();
	var m = date.getMinutes();
	var s = date.getSeconds();
	h = h < 10 ? ('0' + h) : h;
	m = m < 10 ? ('0' + m) : m;
	s = s < 10 ? ('0' + s) : s;
    var currentDate = "[" + h + ":" + m + ":" + s + "] ";
    return currentDate;
}

// 从map获取下标为index的键
function get_map_key(map, index)
{
	var i = 0;
	for (var [key, value] of map) {
		if(i == index)
		{
			return key;
		}
		i++;
	}
}

// 从map获取下标为index的值
function get_map_value(map, index)
{
	var i = 0;
	for (var [key, value] of map) {
		if(i == index)
		{
			return value;
		}
		i++;
	}
}

// 遍历map
function get_map(map)
{
	for (var [key, value] of map) {
		console.log(key + " = " + value);
	}
}

console.log(get_date() + "程序开始运行");
console.log(get_date() + "定义图存储数据(自动去重)");
let name_map = new Map();
let id_map = new Map();
console.log(get_date() + "开始载入数据");
var page = 1;
var my_loop;

// 抽奖函数
function draw()
{
    // 循环次数
	var len = document.getElementsByClassName("list-item reply-wrap").length;
	for(var i=0; i<len; i++)
	{
		var name = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
		var id = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].getAttributeNode("data-usercard-mid").value;
		//console.log(name+"，加入图");
		name_map.set(name, page);
		id_map.set(id, page);
	}
	console.log(get_date() + "第"+page+"页数据存入Map完毕");
	if(null != document.getElementsByClassName("next")[0])
	{
		page++;
		//console.log("自动翻页...");
		document.getElementsByClassName("next")[0].click();
		//return true;
	}
	else
	{
		console.log(get_date() + "全部数据加载完毕");
		console.log(get_date() + "总共" + name_map.size + "名用户");
		clearInterval(my_loop);
		// 这就是注释
		//return false;
	}
}

function go()
{
	var lucky_num = parseInt(Math.random()*(name_map.size),10);

	console.log(" ");
	console.log("中奖用户ID为:" + get_map_key(id_map, lucky_num));
	console.log("中奖用户名为:" + get_map_key(name_map, lucky_num));
	console.log("中奖者位于页:" + get_map_value(name_map, lucky_num));
	console.log(" ");
}

// 定时调用函数
my_loop = setInterval(draw, 1500);

在这里插入图片描述

【已不兼容】2.0 b站新版本评论区 多人

数据加载完毕后，使用 go(中奖人数) 即可抽取

console.log("程序开始运行");
console.log("定义集合存储数据");
let name_set = new Set();
let id_set = new Set();
console.log("开始载入数据");

// 循环变量
var my_loop;
// 下滑延时 500毫秒 网速/加载速度较慢的朋友们最好放慢速度 提高准确性
var r_time = 500;

// 评论数
var comment_num = 1;
if(document.getElementsByClassName("b-head-t")[0].innerText.indexOf("万") != -1)
{
	comment_num = 10000 * (parseInt(document.getElementsByClassName("b-head-t")[0].innerText) + 1);
}
else
{
	comment_num = parseInt(document.getElementsByClassName("b-head-t")[0].innerText);
}

// 下滑
function r()
{
	window.scroll(0, 1920*comment_num);
	// 没有评论后自动停止下滑 并 抽奖
	if(document.getElementsByClassName("loading-state")[0].innerText == "没有更多评论")
	{
		// 停止下滑循环
		stop_r();
		// 抽奖函数
		draw();
	}
}

// 停止下滑循环
function stop_r()
{
	clearInterval(my_loop);
}

// 抽奖函数
function draw()
{
    // 循环次数
    var len = document.getElementsByClassName("con").length;
	for(var i=0; i<len; i++)
	{
		var name = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
		var id = document.getElementsByClassName("list-item reply-wrap")[i].getElementsByClassName("con")[0].getElementsByClassName("user")[0].getElementsByTagName("a")[0].getAttributeNode("data-usercard-mid").value;
		// console.log(name+"，加入集合");
		name_set.add(name);
		id_set.add(id);
	}
	
	console.log("全部数据加载完毕");
	console.log("总共"+name_set.size+"名用户");
	
	// 这就是注释
	//return false;
}

// 获取幸运儿
function go(num)
{
	for(var i=0; i<num; i++)
	{
		// 生成随机数，直接打印中奖者信息
		var lucky_num = parseInt(Math.random()*(name_set.size), 10);

		console.log(" ");
		console.log("中奖用户ID为:"+Array.from(id_set)[lucky_num]);
		console.log("中奖用户名为:"+Array.from(name_set)[lucky_num]);
		console.log(" ");
	}
}

// 开始自动下滑 r_time毫秒一次
my_loop = setInterval(r, r_time);

// 全部数据加载完毕后，使用 go(中奖数) 抽取中奖者
B站评论区抽奖[python]
dabaikj的博客
05-22 2024
Bili-Luckdog B站评论区抽奖工具 by - ALKEYSHENG 2020.5.21 第三方库requests Blog: i.2017.work GIthub: Bili-Luckydog ''' Project: Bili-Luckydog BiliBili评论区抽奖 (仅评论,回复无效) Coder: Alkey Sheng [i.2017.work] 2020.5.21 ''' import requests import random import time import
html 大转盘抽奖抽奖源码4套抽奖源码
最新发布
05-09
HTML大转盘抽奖源码是基于HTML、CSS和JavaScript等前端技术实现的一种互动抽奖应用。在网页设计中，此类源码常用于制作促销活动、线上游戏或者网站互动环节，为用户提供一种直观、有趣的参与方式。下面将详细讲解...
获取B站评论抽奖实现
OpenGao的博客
06-18 1256
今天逛B站看了一个我喜欢的up主发的视屏，（音乐区up主）。然后视屏下面有人评论说要赞助抽些奖品。我就随手写了评论。要帮他写抽奖。
B站评论区抽奖
qq_43595591的博客
01-30 261
B站评论区抽奖
JS实现b站动态评论区抽奖（含去重）
Love丶伊卡洛斯
05-28 3510
动态转发抽奖可以参考我其他的2篇文章 JS实现b站动态转发抽奖（小人数）新方案讲解 B站动态转发抽奖教程(python) 前期 测试页面链接：https://t.bilibili.com/394309046095520212?tab=2 动态评论数量为226，这个数量是全楼层的评论数量 共分为8页展示，一页首层人数20人 教程 1、访问页面 PC端打开浏览器，访问你的动态抽奖页面。点在评论上，不用点转发。 2、打开“检查” 鼠标右键，打开“检查”，一般的快捷键都是F12 长这样，我们需要在conso
评论区抽奖程序
布小禅的博客
10-02 1902
这个小程序很简陋，没什么难度
JS实现积分抽奖图片素材及源码
09-01
​本专栏将持续更新原生JS案例，提供一些工作中也能用上的一些小案例，详细讲解分析，提升JS开发水平与开发思路的积累，如果文中出现有瑕疵的地方各位通过评论或者私信联系我，我们一起进步，有兴趣的伙伴可以订阅...
年会抽奖系统JS源码免费下载
资源摘要信息:"本文将详细介绍如何使用JavaScript语言实现一个年会现场幸运观众抽奖系统。首先，我们了解到该系统的开发工具是JavaScript，一种广泛应用于网页开发的脚本语言。在年会现场抽奖系统中，JavaScript能够...
基于vue的九宫格抽奖源码
09-12
本篇文章将详细讲解如何利用Vue.js实现一个九宫格在线抽奖的功能。 首先，理解“九宫格抽奖”是指在界面上展示一个3x3的网格布局，每个格子代表一个可点击的抽奖选项。点击后，会进行随机动画效果，最终显示中奖...
原生JS开发：积分抽奖功能实现及源码解析
资源摘要信息: "JS实现积分抽奖图片素材及源码" 知识点: 1. 原生JS案例开发：本文档主要围绕如何使用原生JavaScript（JS）实现一个积分抽奖功能。原生JS通常指的是不依赖于任何外部库或框架的JavaScript代码。在...
Bilibili_draw_luckydog:B站动态评论区抽奖，使用页面Console与JS，简单易用
05-04
Bilibili_draw_luckydog B站动态评论区抽奖，使用页面Console与JS，简单易用。   语言：JavaScript 实现过程：使用Set逐页存储用户ID和昵称，随后生成随机数，输出对应用户信息。   使用 使用：动态详情页，选中“评论”而非“转发”时（默认即是，要求页面上有评论），随便右键选择“检查”（“审查元素”），或直接F12。在出现的选项卡中选中Console（控制台），将代码全部复制进去回车即可。 // 设置用全局变量 var luckySum = 0; // 中奖总人数 var showId = true; // 中奖结果显示ID true/false var showLink = true; // 中奖结果显示发送私信连接 true/false var s
Lottery:(油猴脚本)Bili动态互动抽奖
04-28
Bili动态抽奖助手 ★ Star 作用 自动参与动态互动抽奖(关注与转发) 原理 模式一 监听指定的用户的转发动作 鉴别转发动态中有关抽奖的动态 复刻转发行为 模式二 进入动态话题主页 转发带抽奖话题的动态 须知 在B站个人主页下点击右下角小礼盒以开始 辅助脚本屏蔽自己的抽奖动态 打开控制台可查看消息日志 【自动】关注 【自动】新建分区储存待开奖UP 【自动】移动UP至新分区 【自动】点赞动态 【自动】评论动态 【自动】转发动态 【自动】展示开奖信息 效果图: 完善 如有问题请提交到反馈通知作者进行脚本更新,参与脚本的完善 声明 本脚本绝对安全请放心使用(^)0(^)b 如有任何错误请反馈，感谢使用 交流 鸣谢 andywang 改进UI界面 spiritLHL 开奖时间识别 所有给脚本提出过意见的小伙伴 参与 欢迎各位进群交流以及反馈意见 QQ群:1078777380(暗号:233)
易语言-Bilibili评论抽奖工具
06-26
Bilibili评论抽奖工具，比网页随机数更好用，支持排除条件，一键私信等 功能如下： 显示楼层（因B站评论升级无法直接获取每一层楼的楼层，改用取网页总评论数递减算法） 显示视频详细信息 获取视频所有评论 交互用户信息显示操作，例如打开对方的空间，发送私信等（获取评论后，超级列表框内） 可控式强制更新（用户可自己写网页，放网盘等），版本检测，打开下载页面等 通过规则设置，控制评论内符合抽奖的条件，可排除未关注者（因系统限制100名内）、必须佩戴粉丝勋章且等级>=（）、重复评论仅保留最新或热度最高一条、自己不参与抽奖等 支持保存中奖结果，支持一键打开所有中奖者私信界面 支持保存视频缩略图（右键下载） 保存本地配置，读入本地配置，判断本地缓存与网页是否相同提示更新，清除本地缓存，可控是否保存评论缓存
B站根据评论楼层抽奖程序源码.zip
05-19
B站根据评论楼层抽奖程序源码
python b站动态转发、动态评论区抽奖（已打包成exe，可以下载食用）
Love丶伊卡洛斯
10-12 5030
前言 记 b站动态评论+视频评论区 抽奖2合1 JS版本发布后，计划了这次的python版本，本来的预期是实现同功能的python版并挂我服务器上免费提供抽奖服务来着。不过写着写着突然发现了之前对API的解析有所漏洞，导致我发现了一个新bug。。。（居然没人提醒我） 旧程序将全部的自发型动态归为type=11，今天测试时发现居然还有type=17的情况 于是乎 我就把原来的JS版的也改了，顺便把python的动态评论区抽奖给写了。 代码/exe下载 代码下载：GitHub 码云 exe程序下载：GitH
评论区抽奖程序2.0
热门推荐
布小禅的博客
11-06 1万+
稍微的加了一点点功能，让程序更加的自动化了
超级简单的抽奖工具
weixin_34092455的博客
01-28 302
昨天快到中午的时候接到业务部门的一个需求，要求对现有的抽奖软件进行改进。 问题是：现在的抽奖软件每次只能够抽出一个中奖号码，而此次设置的各种奖项的中奖人数加起来有500人，如果使用原有的软件，就意味着需要点击500次，然后记录500次，工作量很大，也比较容易出错。 时间要求的非常紧，只有一个下午，第二天也就是今天就要开始抽奖活动了。 分析了一下，真的是一个紧急的需求，而且还要求将源数据导入到...
B站抽奖脚本
weixin_44921913的博客
01-15 1020
有的新up想抽奖涨粉，但是等级不够，没办法用官方的抽奖工具。
B站小UP主抽奖简易解决方案
weixin_43895742的博客
12-30 2040
B站小UP主抽奖简易解决方案B站小UP主抽奖简易解决方案B站有关API如何查找与使用主要功能实现1.BV号反查AV号2.UID查用户昵称3.获得全部评论列表4.检查UID防止重复评论5.检查某人是否关注了UP主(该功能尚未完成)项目整体情况 B站小UP主抽奖简易解决方案 大家好，我是b站UP主 一团雷丘，这是对我2020年12月30日视频《轻松解决小UP主抽奖难题》的项目分析，视频地址：https://www.bilibili.com/video/BV12A411p76j B站有关API如何查找与使用 在开
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Love丶伊卡洛斯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值