zoukankan      html  css  js  c++  java
  • JS实现b站动态抽奖“公平”方案——动态+转发

    视频演示+讲解

    视频传送门

    前言

    因为非官方途径无法获取全部的转发人员信息,但评论的人员信息可以全部获取(暂时看来一百多页加载都没有问题)
    参考链接:JS实现b站动态转发抽奖(小人数)新方案讲解
    JS实现b站动态评论区抽奖(含去重)
    当然还有一种比较费劲的方式就是发起抽奖到开奖为止,后台一直保持数据爬取(服务器),将数据整合后最后抽取中奖者的方式。
    为了方便我已经对代码做了整理,传送门:码云 GitHub

    公平抽奖实现方案讲解

    因为评论获取数是全的,那么只需要转发+评论双管齐下,就可以通过在评论区抽奖,再对中奖用户的动态继续检索,中奖者会有评论时间,当天查看他的动态是否有转发抽奖动态,从而判断其资格。

    抽奖代码

    打开“动态”,保持评论第一页,鼠标右键打开“检查”(或者按F12),来到“console”,贴入代码运行即可。
    代码如下:

    console.log("程序开始运行");
    console.log("定义集合存储数据");
    let name_set = new Set();
    let id_set = new Set();
    console.log("开始载入数据");
    var page = 1;
    var my_loop;
    
    // 抽奖函数
    function draw()
    {
        // 循环次数
    	var len = document.getElementsByClassName("con").length;
    	for(var i=0; i<len; i++)
    	{
    		var name = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
    		console.log(name+",加入集合");
    		name_set.add(name);
    		var id = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].getAttributeNode("data-usercard-mid").value;
    		id_set.add(id);
    	}
    	console.log("第"+page+"页数据存入Set完毕");
    	if(null != document.getElementsByClassName("next")[0])
    	{
    		page++;
    		console.log("自动翻页...");
    		document.getElementsByClassName("next")[0].click();
    		//return true;
    	}
    	else
    	{
    		console.log("全部数据加载完毕");
    		console.log("总共"+name_set.size+"名用户");
    		// 生成随机数,直接打印中奖者信息
    		var lucky_num = parseInt(Math.random()*(name_set.size),10);
    		console.log("中奖用户ID为:"+Array.from(id_set)[lucky_num]);
    		console.log("中奖用户名为:"+Array.from(name_set)[lucky_num]);
    		console.log("中奖者大概位于 第" +parseInt(lucky_num/20+1)+ "页");
    		clearInterval(my_loop);
    		// 这就是注释
    		//return false;
    	}
    }
    
    // 定时调用函数
    my_loop = setInterval(draw, 1500);
    
    

    在这里插入图片描述

    相关问题

    最后一行my_loop = setInterval(draw, 1500);,这里的1500代表毫秒数,你可以修改这个数字来实现延长自动翻页时间差,因为翻页加载数据会受网络影响,网速慢的话,数据加载慢,可能会丢失数据,所以可以相对的延长翻页时间。
    如果打印的内容不需要,可以注释掉相关 console.log代码,注释就是在这个代码前加 //,这2个反斜杠就是注释。注释后就不会打印了。

    美化代码

    // 获取时间
    function get_date() {
        var date = new Date();
        var currentDate = "[" + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + "] ";
        return currentDate;
    }
    
    console.log(get_date() + "程序开始运行");
    console.log(get_date() + "定义集合存储数据(自动去重)");
    let name_set = new Set();
    let id_set = new Set();
    console.log(get_date() + "开始载入数据");
    var page = 1;
    var my_loop;
    
    // 抽奖函数
    function draw()
    {
        // 循环次数
    	var len = document.getElementsByClassName("con").length;
    	for(var i=0; i<len; i++)
    	{
    		var name = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
    		//console.log(name+",加入集合");
    		name_set.add(name);
    		var id = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].getAttributeNode("data-usercard-mid").value;
    		id_set.add(id);
    	}
    	console.log(get_date() + "第"+page+"页数据存入Set完毕");
    	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_set.size+"名用户");
    		// 生成随机数,直接打印中奖者信息
    		var lucky_num = parseInt(Math.random()*(name_set.size),10);
    		console.log("中奖用户ID为:"+Array.from(id_set)[lucky_num]);
    		console.log("中奖用户名为:"+Array.from(name_set)[lucky_num]);
    		console.log("中奖者大概位于 第" +parseInt(lucky_num/20+1)+ "页");
    		clearInterval(my_loop);
    		// 这就是注释
    		//return false;
    	}
    }
    
    // 定时调用函数
    my_loop = setInterval(draw, 1500);
    
    
    

    2.0版本,获取准确页数,使用Map存储

    // 获取时间
    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("con").length;
    	for(var i=0; i<len; i++)
    	{
    		var name = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
    		var id = document.getElementsByClassName("con")[i].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 + "名用户");
    		// 生成随机数,直接打印中奖者信息
    		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(" ");
    		console.log("程序运行结束");
    		clearInterval(my_loop);
    		// 这就是注释
    		//return false;
    	}
    }
    
    // 定时调用函数
    my_loop = setInterval(draw, 1500);
    
    
    

    2.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("con").length;
    	for(var i=0; i<len; i++)
    	{
    		var name = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
    		var id = document.getElementsByClassName("con")[i].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.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("con").length;
    	for(var i=0; i<len; i++)
    	{
    		var name = document.getElementsByClassName("con")[i].getElementsByClassName("user")[0].getElementsByTagName("a")[0].innerText;
    		var id = document.getElementsByClassName("con")[i].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)
    {
    	for(var i=0; i<num; i++)
    	{
    		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);
    
    

    例如抽3个人
    在这里插入图片描述

  • 相关阅读:
    ES6、ES7、ES8特性
    【react】XXX项目环境搭建
    map
    vector
    list
    米勒素数模板
    POJ-2421-Constructing Roads(最小生成树 普利姆)
    HDU1301 Jungle Roads(Kruskal)
    Truck History(prime)
    phpstorm快捷键和激活
  • 原文地址:https://www.cnblogs.com/ikaros-521/p/14267558.html
Copyright © 2011-2022 走看看