Bean's better chain timer

Browse Torn easier while chaining, with a bigger chain timer that follows when scrolling.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Bean's better chain timer
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Browse Torn easier while chaining, with a bigger chain timer that follows when scrolling.
// @author       ScatterBean [3383329]
// @license      MIT
// @match        www.torn.com/*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==

const bar = document.getElementsByClassName('chain-bar___vjdPL')[0];
const gttButton = document.getElementsByClassName('goToTopBtn___TSzPY')[0];
const timer = document.getElementsByClassName('bar-timeleft___B9RGV')[0];
const speed = document.getElementsByClassName('speed___dFP2B')[0];
document.getElementsByClassName('bar-stats___E_LqA')[0].style.display = 'inline';
document.addEventListener('scroll', () => UpdateUI());
timer.style.fontSize = '40px';
if (speed) {
    speed.style.top = '5px';
    speed.style.left = '100px';
}

function UpdateUI() {
    bar.style.zIndex = '9999';
    if (gttButton.classList.contains('show___M59HD')) {
        bar.style.position = 'fixed';
        bar.style.right = '40px';
        bar.style.top = '10px';
        bar.style.width = '155px';
        bar.style.backgroundColor = '#333';
        bar.style.border = 'solid 1px white';
        bar.style.borderRadius = '3px';
    }
    else {
        bar.style.position = 'relative';
        bar.style.right = '0px';
        bar.style.top = '0px';
        bar.style.width = 'initial';
        bar.style.backgroundColor = 'initial';
        bar.style.borderRadius = 'initial';
        bar.style.border = 'initial';
    }
}