투어 탄막 각본
var targetNode = document.getElementById('js-player-barrage');
var config = { attributes: false, childList: true, subtree: true };
var callback = function(mutationsList) {
for(var mutation of mutationsList) {
if(mutation.addedNodes[0]){
send(mutation.addedNodes[0].querySelector(".Barrage-content"));
}
}
};
var observer = new MutationObserver(callback);
observer.observe(targetNode, config);
var wrapper = document.querySelector("#__h5player").children[3].children[1]
var startTime = 0
var MIN_TIME = 1000
var prevTop = 0
var FONT_SIZE = 50
var BEGIN_TOP = 70
function send(danmu) {
if(!danmu) return;
var dom = danmu.cloneNode(true)
var now = new Date()
var clientWidth = wrapper.clientWidth
dom.style.position = 'absolute'
dom.style.zIndex = '10000'
dom.style.transition = 'transform 7s linear'
dom.style.transform = `translateX(${clientWidth}px)`
dom.style.fontSize = '20px'
dom.style.fontWeight = '800'
if (!danmu.getAttribute('class').includes('color')){
dom.style.color = '#fff'
dom.style.textShadow = '#000 1px 0 0, 000 -1px 0 0,#000 0 -1px 0'
}
var top = BEGIN_TOP
if (startTime === 0 ) {
startTime = now
prevTime = now
} else {
if(now - startTime <= MIN_TIME) {
top=prevTop + FONT_SIZE
prevTop = prevTop + FONT_SIZE
} else {
top=BEGIN_TOP
prevTop = BEGIN_TOP
startTime = now
}
}
dom.style.top = `${top}px`
wrapper.append(dom)
setTimeout(function(){dom.style.transform = 'translateX(-200px)'},0)
setTimeout(function(){dom.remove()},7000)
}
다음으로 전송:https://www.cnblogs.com/dongqunren/p/10969132.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.