☰

斗鱼批量取消关注

斗鱼关注中新增取消关注按钮

目前为 2019-08-27 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         斗鱼批量取消关注
  3. // @namespace    http://github.com/qianjiachun
  4. // @version      0.1
  5. // @description  斗鱼关注中新增取消关注按钮
  6. // @author       小淳
  7. // @match        https://www.douyu.com/directory/myFollow
  8. // @grant        none
  9. // @require     https://code.jquery.com/jquery-2.2.4.min.js
  10. // ==/UserScript==
  11. let isClick = false; //判断是否处于批量操作
  12. function addInfrastructure() {
  13. 	let style = document.createElement("style");
  14.   
  15. 	style.appendChild(document.createTextNode(`
  16. 	.bubbly-button {
  17. 	  font-family: 'Helvetica', 'Arial', sans-serif;
  18. 	  display: inline-block;
  19. 	  font-size: 1em;
  20. 	  padding: 1em 2em;
  21. 	  margin-bottom: 20px;
  22. 	  -webkit-appearance: none;
  23. 	  appearance: none;
  24. 	  background-color: hotpink;
  25. 	  color: #fff;
  26. 	  border-radius: 4px;
  27. 	  border: none;
  28. 	  cursor: pointer;
  29. 	  position: relative;
  30. 	  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  31. 	  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.5);
  32. 	}
  33. 	.bubbly-button:focus {
  34. 	  outline: 0;
  35. 	}
  36. 	.bubbly-button:hover {
  37. 	  color: royalblue;
  38. 	}
  39. 	.bubbly-button:before, .bubbly-button:after {
  40. 	  position: absolute;
  41. 	  content: '';
  42. 	  display: block;
  43. 	  width: 140%;
  44. 	  height: 100%;
  45. 	  left: -20%;
  46. 	  z-index: -1000;
  47. 	  transition: all ease-in-out 0.5s;
  48. 	  background-repeat: no-repeat;
  49. 	}
  50. 	.bubbly-button:before {
  51. 	  display: none;
  52. 	  top: -75%;
  53. 	  background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff0081 20%, transparent 30%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
  54. 	  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  55. 	}
  56. 	.bubbly-button:after {
  57. 	  display: none;
  58. 	  bottom: -75%;
  59. 	  background-image: radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, transparent 10%, #ff0081 15%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%), radial-gradient(circle, #ff0081 20%, transparent 20%);
  60. 	  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  61. 	}
  62. 	.bubbly-button:active {
  63. 	  transform: scale(0.9);
  64. 	  background-color: #e60074;
  65. 	  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
  66. 	}
  67. 	.bubbly-button.animate:before {
  68. 	  display: block;
  69. 	  animation: topBubbles ease-in-out 0.75s forwards;
  70. 	}
  71. 	.bubbly-button.animate:after {
  72. 	  display: block;
  73. 	  animation: bottomBubbles ease-in-out 0.75s forwards;
  74. 	}
  75. 	
  76. 	@keyframes topBubbles {
  77. 	  0% {
  78. 	    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  79. 	  }
  80. 	  50% {
  81. 	    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  82. 	  }
  83. 	  100% {
  84. 	    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
  85. 	    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  86. 	  }
  87. 	}
  88. 	@keyframes bottomBubbles {
  89. 	  0% {
  90. 	    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  91. 	  }
  92. 	  50% {
  93. 	    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  94. 	  }
  95. 	  100% {
  96. 	    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
  97. 	    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%;
  98. 	  }
  99. 	}
  100.  
  101. 	`));
  102. 	
  103. 	
  104.  
  105. 	document.head.appendChild(style);
  106. }
  107.  
  108.  
  109.  
  110.  
  111. function unFollowRoom(room_id,fElement) {
  112. 	$.ajax("https://www.douyu.com/room/follow/cancel_confuse/" + room_id, {
  113. 	    type: 'post',
  114. 	    success: function(data1){
  115. 			let data2 = eval("(" + data1 + ")");
  116. 			if (data2.error == "0") {
  117. 				console.log(room_id + "取关完毕");
  118. 				fElement.remove();
  119. 			} else{
  120. 				console.log(room_id + "取关失败");
  121. 			}
  122. 		}
  123. 	});
  124. }
  125.  
  126.  
  127. function unFollowRooms(e){
  128. 	var classname = document.getElementsByClassName("bubbly-button");
  129. 	
  130. 	for (var i = 0; i < classname.length; i++) {
  131. 	  classname[i].addEventListener('click', animateButton, false);
  132. 	}
  133. 	let allRooms = document.getElementsByClassName("DyLiveCover-selectArea is-active");
  134. 	let room_id = "";
  135. 	if (allRooms.length >= 1) {
  136. 		let ret = confirm("是否确定取关？");
  137. 		if (ret == false) {
  138. 			return;
  139. 		}
  140. 	} else{
  141. 		return;
  142. 	}
  143. 	for (let i = 0; i < allRooms.length; i++) {
  144. 		if (allRooms[i].parentElement.getAttribute("href") == null) {
  145. 			room_id = allRooms[i].parentElement.querySelector("a").getAttribute("href");
  146. 		} else{
  147. 			room_id = allRooms[i].parentElement.getAttribute("href");
  148. 		}
  149. 		room_id = room_id.substring(1);//得到房间号
  150. 		unFollowRoom(room_id,allRooms[i].parentElement.parentElement);
  151. 	}
  152. 	
  153. 	
  154. }
  155. var animateButton = function(e) {
  156. 	
  157. 	  e.preventDefault;
  158. 	  //reset animation
  159. 	  e.target.classList.remove('animate');
  160. 	  
  161. 	  e.target.classList.add('animate');
  162. 	  setTimeout(function(){
  163. 	    e.target.classList.remove('animate');
  164. 	  },700);
  165. };
  166.  
  167. (function(){
  168. 	
  169. 	window.unFollowRooms = unFollowRooms;
  170. 	addInfrastructure();
  171.  
  172. 	let intID = setInterval(() => {
  173. 		if (typeof(document.getElementsByClassName("BranchTool")[0]) != "undefined") {
  174. 			document.getElementsByClassName("BranchTool")[0].onclick = function() {
  175. 				let fdiv = document.getElementsByClassName("FollowList-tabs")[0];
  176. 				if (typeof(document.getElementsByClassName("BranchTool-all")[0]) == "undefined") {
  177. 					isClick = true;
  178. 					let div = document.createElement("div");
  179. 					
  180. 					div.innerHTML = "<a href='javascript:void(0);' onclick='unFollowRooms()' id='unFollow' class='bubbly-button'>取消关注</a>";
  181. 					
  182. 					fdiv.insertBefore(div,fdiv.childNodes[0]);
  183. 				} else{
  184. 					isClick = false;
  185. 					document.getElementById("unFollow").remove();
  186. 				}
  187. 				console.log(isClick);
  188. 			}
  189. 			clearInterval(intID);
  190. 		}
  191. 	},1000);
  192. 	
  193. 	
  194. })()
  195.  
  196.  
  197.  
  198.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址