Javascript delay einfügen

NXR · 20. März 2022

Hey Leute,

ich möchte gern ein Delay von 3 Sekunden einfügen, bevor er AutoSkipManager ausführt. Was muss ich dafür ergänzen?

Code:

blockAddress(unhashedAddress) {
        const confirmBlock = confirm([ICODE]Are you sure you want to block ${unhashedAddress}?[/ICODE]);
        if (!confirmBlock) return;

        IPBlockingManager.getStoredChromeConfig((result) => {
            result = result[IPBlockingManager.LOCAL_STORAGE_ID];

            if (!result.includes(unhashedAddress)) {
                result.push(unhashedAddress);
                IPBlockingManager.setStoredChromeConfig(result);

                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)
                VideoFilterManager.sendErrorMessage(
                    [ICODE]Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}[/ICODE]
                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));
                AutoSkipManager.skipIfPossible();
            } else {
                alert([ICODE]The IP address ${unhashedAddress} is already blocked![/ICODE])
            }

        });

FranzvonAssisi · 20. März 2022

https://wiki.selfhtml.org/wiki/JavaScript/WindowOrWorkerGlobalScope/setTimeout

Halbe Minute googeln. Außerdem wäre ein Skript-Block um deinen Code hier im Forum super, sonst kann man den echt nicht lesen.

Lg

Toms · 20. März 2022

Ich machs immer so:

Javascript:

/*
@param time in ms
*/
function delay(time) {
    return new Promise(resolve => {
        setTimeout(resolve, time);
    });
}


await delay(3000);

NXR · 20. März 2022

Hey danke für die Antwort. Wie füge ich denn einen Skript-Block ein? Ich kenne mich mit programmieren nicht aus, ich will einfach nur, dass er vor dem ausführen 3 sekunden wartet.

Wie sähe denn der code dann aus?

Miguel14.05 · 20. März 2022

NXR schrieb:
Hey danke für die Antwort. Wie füge ich denn einen Skript-Block ein? Ich kenne mich mit programmieren nicht aus, ich will einfach nur, dass er vor dem ausführen 3 sekunden wartet.

Ein Skriptblock im Forum, nicht im Code...

Damit dein Code hier leserlich dargestellt wird. Das kann doch sonst keiner lesen

Toms · 20. März 2022

Skriptblock geht über die 3 Punkte in dem Editor, dann kommen weitere Elemente die man einfügen kann.

Das "Problem" an der setTimeout-Methode ist, dass du zwingend den Code den du nach dem Timeout ausführen willst als anonyme Funktion in das setTimeout reinpacken musst:

Javascript:

setTimeout(() => {

    //Hier der Code, den du nach den 3 Sekunden ausführen willst
   
}, 3000)

Oder so:

Javascript:

var timeoutFunction = function(){
    // Code der nach 3 Sekunden ausgeführt werden soll.
}

setTimeout(timeoutFunction, 3000);

Meins ist quasi ein Workaround der async/await nutzt, damit man einfach nen Timeout im synchronen Programmablauf einbauen kann:

Javascript:

function delay(time) {
    return new Promise(resolve => {
        setTimeout(resolve, time);
    });
}

async function main(){
    // Code vor dem 3 Sekunden delay
    
    await delay(3000);
    
    // Code nach den 3 Sekunden delay
}

NXR · 20. März 2022

Also dann so?

Code:

blockAddress(unhashedAddress) {
        const confirmBlock = confirm([ICODE]Are you sure you want to block ${unhashedAddress}?[/ICODE]);
        if (!confirmBlock) return;

        IPBlockingManager.getStoredChromeConfig((result) => {
            result = result[IPBlockingManager.LOCAL_STORAGE_ID];

            if (!result.includes(unhashedAddress)) {
                result.push(unhashedAddress);
                IPBlockingManager.setStoredChromeConfig(result);

                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)
                VideoFilterManager.sendErrorMessage(
                    [ICODE]Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}[/ICODE]
                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));

var timeoutFunction = function(){
    // AutoSkipManager
}

setTimeout(timeoutFunction, 3000);

                AutoSkipManager.skipIfPossible();
            } else {
                alert([ICODE]The IP address ${unhashedAddress} is already blocked![/ICODE])
            }

        });

Toms · 20. März 2022

Und genau das ist der Fallstrick an der ganzen sache:

Javascript:

blockAddress(unhashedAddress) {
        const confirmBlock = confirm([ICODE]Are you sure you want to block ${unhashedAddress}?[/ICODE]);
        if (!confirmBlock) return;

        IPBlockingManager.getStoredChromeConfig((result) => {
            result = result[IPBlockingManager.LOCAL_STORAGE_ID];

            if (!result.includes(unhashedAddress)) {
                result.push(unhashedAddress);
                IPBlockingManager.setStoredChromeConfig(result);

                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)
                VideoFilterManager.sendErrorMessage(
                    [ICODE]Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}[/ICODE]
                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));

var timeoutFunction = function(){
    // Das hier wird nach 3 Sekunden ausgeführt, wenn dein restliches Programmfluss schon durch ist
}

setTimeout(timeoutFunction, 3000);

                AutoSkipManager.skipIfPossible(); // Das hier wird sofort nach setTimeout ausgeführt, nicht erst nach 3 Sekunden
            } else {
                alert([ICODE]The IP address ${unhashedAddress} is already blocked![/ICODE])
            }

        });

Der Code läuft normal weiter, nachdem du setTimeout aufgerufen hast. Erst nach 3 Sekunden wird dann der Code der timeoutFunction ausgeführt, wenn der restliche Programmablauf schon durch ist, weil das ganze asynchron ist.

Deswegen nutze ich meinen "Lösungsweg" mit dem async await

Ich würde es daher so machen:

Javascript:

function delay(time) {
    return new Promise(resolve => {
        setTimeout(resolve, time);
    });
}


async blockAddress(unhashedAddress) {
        const confirmBlock = confirm([ICODE]Are you sure you want to block ${unhashedAddress}?[/ICODE]);
        if (!confirmBlock) return;

        IPBlockingManager.getStoredChromeConfig((result) => {
            result = result[IPBlockingManager.LOCAL_STORAGE_ID];

            if (!result.includes(unhashedAddress)) {
                result.push(unhashedAddress);
                IPBlockingManager.setStoredChromeConfig(result);

                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)
                VideoFilterManager.sendErrorMessage(
                    [ICODE]Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}[/ICODE]
                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));

            await delay(3000);

                AutoSkipManager.skipIfPossible();

            } else {
                alert([ICODE]The IP address ${unhashedAddress} is already blocked![/ICODE])
            }

        });

NXR · 20. März 2022

Ich habe es so eingefügt, aber jetzt lässt sich die chrome extension nicht mehr ausführen.

Toms · 20. März 2022

Ah, mein fehler... wir befinden uns da ja in ner anonymen Funktion.

Versuch das mal:

Javascript:

 blockAddress(unhashedAddress) {
        const confirmBlock = confirm(`Are you sure you want to block ${unhashedAddress}?`);
     
         const delay = async function(time){
                        return new Promise(resolve => {
                            setTimeout(resolve, time);
                                });
                    }
 
         if (!confirmBlock) return;

        IPBlockingManager.getStoredChromeConfig(async (result) => {
            result = result[IPBlockingManager.LOCAL_STORAGE_ID];

            if (!result.includes(unhashedAddress)) {
                result.push(unhashedAddress);
                IPBlockingManager.setStoredChromeConfig(result);

                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)
                VideoFilterManager.sendErrorMessage(
                    `Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}`
                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));
                await delay(3000);
                AutoSkipManager.skipIfPossible();
            } else {
                alert(`The IP address ${unhashedAddress} is already blocked in video chat!`)
            }

        });

    }

Ansonsten, hast du evtl. ne Ausgabe von einer Fehlermeldung?

Alternativ:

Javascript:

blockAddress(unhashedAddress) {

        const confirmBlock = confirm(`Are you sure you want to block ${unhashedAddress}?`);
 

         if (!confirmBlock) return;


        IPBlockingManager.getStoredChromeConfig((result) => {

            result = result[IPBlockingManager.LOCAL_STORAGE_ID];


            if (!result.includes(unhashedAddress)) {

                result.push(unhashedAddress);

                IPBlockingManager.setStoredChromeConfig(result);


                Logger.INFO("Blocked IP address <%s> in video chat", unhashedAddress)

                VideoFilterManager.sendErrorMessage(

                    `Blocked the IP address ${unhashedAddress}${ChatRegistry.isChatting() ? " and skipped the current chat" : ""}`

                ).appendChild(ButtonManager.ipUnblockButton(unhashedAddress));

                setTimeout(()=>{
                    AutoSkipManager.skipIfPossible();
                }, 3000);
               
            } else {

                alert(`The IP address ${unhashedAddress} is already blocked in video chat!`)

            }


        });


    }

Das wird vermutlich am ehesten funktionieren.

NXR · 20. März 2022

Toms · 20. März 2022

auch bei dem letzten Codeblock? Habe ich im nachhinein reineditiert

NXR · 20. März 2022

EDIT: War wohl mein Fehler, habe es jetzt nochmal neu eingefügt und jetzt hat es geklappt Vielen Dank!!

NXR · 20. März 2022

ich würd da gern noch ein code mit einfügen, weiß aber nicht wie.
In diesem .css wird ja das Layout der Seite bearbeitet. Kann ich da irgendwie noch diesen Code rein packen?
document.getElementById("othervideospinner").style.visibility = 'hidden';

Code:

/*
Modal Styling
 */
.modal__overlay {background: rgba(0,0,0,0.6);}
.modal__container {background-color: #fff7ee;}
.modal__title {color: #3b3b3b;}
.modal__close {color: #a7a7a7;}
.modal__close:hover {color: #767676;}
.modal__content, .modal__btn {color: rgba(0,0,0,.8);}
.modal__btn {background-color: #e6e6e6;}
.modal__btn-primary {background-color: #00449e;color: #fff;}
.settingsModalCloseButton{color: #aaa}
.settingsModalCloseButton:hover {color: #6B6B6B;}
.settingsCollapsableItem{background-color: rgb(224, 224, 224)}
.tableItemLabel, .tableItemSubLabel {color: #424242}
.editToggleDisabled {background: gray;}
.editToggleDisabled:hover {background: dimgray;}
.editToggleEnabled {background-color: forestgreen;}
.editToggleEnabled:hover {background-color: green;}
.settingsCollapsable:hover, .active {
    transition: font-size 200ms;


}

.editFieldButton, .settingsCollapsable {color: white;}
.settingsCollapsable, .editFieldButtonGray:hover {background: linear-gradient(180deg, rgb(206, 205, 222) 0%, rgb(110, 117, 123) 0%, rgb(66, 73, 87) 90%);}
.settingsCollapsable, .editFieldButtonGray {
    transition: font-size 200ms;
    background: linear-gradient(180deg, rgb(206, 205, 222) 0%, rgb(137, 145, 153) 0%, rgb(79, 88, 104) 90%);
}
.settingsModal {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 11px 4px #6B6B6B;
    box-shadow: 0 0 11px 4px #6B6B6B;
    border: 1px solid #BBB;
}

/*
Primary Colour BACKGROUND
 */
body, #header {
    background: rgb(10, 10, 10);

}


/*
Secondary Colour BACKGROUND
 */
#intro, code, .logwrapper, .disconnectbtnwrapper, .lowersexybtn, .lowergaybtn, .sendbtn, .chatmsg, .chatmsgwrapper, .videoCoverButton, #selfvideo, #othervideo, .pasteButton {
    background: rgb(29, 29, 31);
}

.videoCoverButton {
    background: #3b3b3b;
}

#selfvideo, #othervideo, code {
    background: #555555
;
}


#intro {
    box-shadow: inset 0 0 0.5em #bbb;
    -webkit-box-shadow: inset 0 0 0.5em #bbb;
}

/*
Primary Colour TEXT
 */
#intro, .newbtn.disconnectbtn, .sendbtn, .lowersexybtnwrapper, .pasteButtonTitle,
.lowergaybtnwrapper, .chatmsg:focus, .statuslog, .logitem, textarea, textarea:disabled,
.videochat .controlwrapper,.videochat,.videochat .disconnectbtnwrapper, .nsfwCoverTextWrapper {
    color: #d2d2d2;
}

/*
Secondary Colour TEXT
 */
.disconnectbtnwrapper.newbtn, #collegeButton, #videobtnunmoderated {
    color: rgba(54, 57, 63, 255);
}

/*
Tertiary Colour Background
 */
.topictageditor, #collegeButton, #videobtnunmoderated {
    !important;
    background: #d2d2d2;
}


/*
Tertiary colour text
 */
.disconnectbtn, .pasteButton {
    color: #525252;
}


/*
Tertiary colour text
 */
.nsfwCoverTextWrapper {
    color: #Whitesmoke;
}

.logwrapper, .chatmsgwrapper, .disconnectbtnwrapper, .sendbtnwrapper, #selfvideo, #othervideo, .pasteButton {
    border: 1px solid #CCC;
}


.topictag {
    color: #383838;
    cursor: default;
    background: #6cb5ff;
    border-radius: .25em;
    padding: .25em;
    margin-right: 3px;
    white-space: nowrap
}

.select-language-button {
    border-radius: 10px;
    text-decoration: none;
    background-color: #ffffff;
    color: red;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom:1;*display: inline
}


html {
    height: 100%
}

<script>
function myFunction() {
    document.getElementById("othervideospinner").style.visibility = 'hidden';

</script>
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

#header {
    position: relative;
    padding: 8px .5em 0 .5em;
    padding-bottom: 8px;
}

a {
    color: rgba(49,166,231,255);
    text-decoration: none;
}

#omegleLogo {
    margin-top: 25px;
    padding: 0;
    float: left;
    font-size: 1em;
    margin-left: .5em;
    margin-right: 5em
}

#videologo {
    display: none;

}


#omegleLogo img {
    display: block
}

#tagline {
    margin: 0;
    padding: 0
}

#tagline img {
    display: block
}

#onlinecount {
    font-size: 1.5em;
    color: #9cf;
    position: absolute;
    right: .333333em;
    top: 55px;
    bottom: 6px
}

#onlinecount strong {
    font-size: 1.3333333333333333333333em;
    color: #6cb5ff
}

#intro {
    line-height: 1.5;
    margin: 3.5em .5em .5em;
    padding: 2.5em;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    width: 720px;

    position: absolute;

    -webkit-transform: translate(50%, 50%);
    left: 50%;
    transform: translate(-50%, 0%);
}



#aim {
    margin: 0;
    text-align: center;
    font-size: .9em
}

img {
    border: 0 none;
    border-radius: 10px;
}

.logwrapper {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    -moz-border-radius-topleft: .5em;
    -moz-border-radius-topright: .5em;
    -webkit-border-top-left-radius: .5em;
    -webkit-border-top-right-radius: .5em;
    position: absolute;
    left: .5em;
    right: .5em;
    bottom: 6em;
    _width: 96%;
    _height: 250px;
    margin-bottom: 2px
}

.logbox {
    position: absolute;
    top: .5em;
    bottom: 0;
    left: .5em;
    right: 0;
    overflow: auto;
    _width: 97%;
    _height: 230px
}

.controlwrapper {
    position: absolute;
    bottom: .5em;
    left: .5em;
    right: .5em;
    height: 5em;
    padding-bottom: 2px
}

.controltable {
    border-collapse: separate;
    border-spacing: 0
}

.disconnectbtnwrapper {
    overflow: hidden;
    margin-right: .5em;
    border-bottom-left-radius: .5em;
    -moz-border-radius-bottomleft: .5em;
    -webkit-border-bottom-left-radius: .5em;
}

.disconnectbtn {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1em;
    background: transparent;
    width: 7em;
    height: 5em;
    padding: 0;
    margin: 0;
    border: 0 none;
    border-bottom-left-radius: .5em;
    -moz-border-radius-bottomleft: .5em;
    -webkit-border-bottom-left-radius: .5em
}

.newbtn .disconnectbtn {
    font-weight: bold
}

.reallybtn .disconnectbtn {
    font-weight: bold
}

.sendbtnwrapper {
    overflow: hidden;
    margin-left: .5em;
    border-bottom-right-radius: .5em;
    -moz-border-radius-bottomright: .5em;
    -webkit-border-bottom-right-radius: .5em
}

.lowersexybtnwrapper,.lowergaybtnwrapper {
    overflow: hidden;
    margin-right: .5em;
}

.lowersexybtn,.lowergaybtn {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1em;
    width: 7em;
    height: 5em;
    padding: 0;
    margin: 0;
    border: 0 none
}

.sendbtn {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1em;
    width: 7em;
    height: 5em;
    padding: 0;
    margin: 0;
    border: 0 none;
    border-bottom-right-radius: .5em;
    -moz-border-radius-bottomright: .5em;
    -webkit-border-bottom-right-radius: .5em
}

.chatmsgcell {
    width: 100%
}

.chatmsgwrapper {
    height: 4.5em;
    padding: .25em
}

.chatmsg {
    width: 100%;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1em;
    border: 0 none;
    padding: 0;
    margin: 0;
    height: 4.5em;
    overflow: auto;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0
}
.chatmsg:focus {
}

@-webkit-keyframes msgfade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes msgfade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.youmsg,.strangermsg {
    margin: 0;
    padding: 0;
    -webkit-animation: msgfade .25s ease-out forwards;
    animation: msgfade .25s ease-out forwards
}

.youmsg .msgsource {
    color: #208ffe;
    font-weight: bold
}

.strangermsg .msgsource {
    color: #ee0a0a;
    font-weight: bold
}

.statuslog {
    font-size: .9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    -webkit-animation: msgfade .25s ease-out forwards;
    animation: msgfade .25s ease-out forwards
}

.logtopicsettings {
    -webkit-animation: msgfade .25s ease-out forwards;
    animation: msgfade .25s ease-out forwards
}

.logitem {
    padding-bottom: .5em
}

textarea:focus {
    outline: 0
}

#feedback {
    color: #555;
    margin-left: .5em
}

#feedback label {
    font-size: .9em;
    font-weight: bold
}

#emailfield {
    position: absolute;
    top: -5000px;
    left: -5000px
}

#feedback h2 {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    font-size: .9em;
    font-weight: bold;
    cursor: default
}

#feedback.expanded h2 {
    background: url(/static/feedbackexpanded.png?2) no-repeat center left
}

#feedback.collapsed h2 {
    color: #AAA;
    background: url(/static/feedbackcollapsed.png?2) no-repeat center left
}

#feedback form {
    margin-left: 15px
}

#feedback.collapsed form {
    display: none
}

#adwrapper {
    position: absolute;
    right: .5em;
    width: 160px;
    height: 600px;
    margin-top: 1em;
    overflow: hidden
}

#adwrapper2 {
    position: absolute;
    width: 160px;
    height: 600px;
    left: 0;
    top: 0
}

.inconversation #adwrapper,.videochat #adwrapper {
    display: none
}

.controlwrapper {
    margin-right: 0
}

.inconversation .controlwrapper {
    margin-right: 0
}

.videochat .controlwrapper {
    margin-left: 328px;
    margin-right: 0
}

.videochat .controlwrapper,.videochat .disconnectbtn,.videochat .disconnectbtnwrapper {
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0
}

.logwrapper {
    margin-right: 0;
    _width: 60%
}

.inconversation .logwrapper {
    _width: 96%;
    margin-right: 0
}

.videochat .logwrapper {
    margin-left: 328px;
    margin-right: 0;
    _width: 60%;
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0
}

#videowrapper {
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: 500px;
    display: none
}

#selfvideo {
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: .5em;
    -moz-border-radius-bottomleft: .5em;
    -webkit-border-bottom-left-radius: .5em
}

#othervideo {
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: .5em;
    -moz-border-radius-topleft: .5em;
    -webkit-border-top-left-radius: .5em
}

#selfvideo, #othervideo {
    display: block;
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

#othervideospinner {
    display: none;
    box-sizing: border-box;
    position: absolute;
    border-radius: 50%;
    border-right: 8px solid transparent;
    border-top: 8px solid #ccc;
    animation: spinner .6s linear infinite
}

#chatbtnwrapper {
    padding-bottom: .7em;
    text-align: center
}

#chatbtn {
    display: block;
    margin: auto
}

.videochat #videowrapper {
    display: block
}

#chattypes {
    text-align: center;
    margin: auto;
    border-collapse: collapse;
}

#chattypes td {
    padding: 0
}

#chattypeorcell,.chattypeorcell {
    font-size: .9em;
    font-weight: bold;
    padding: .5em !important
}

#textbtn, #videobtn, #girlsbtn,#gaybtn {
    display: block;
    margin: auto;
    cursor: pointer;
    border-radius: 10px;
}


#videobtn.disabled {
    cursor: default
}

#videobtnstatus,#textbtnstatus {
    height: 2.5em;
    color: #AAA;
    font-size: .7em
}

#startachat,#intoheader {
    text-align: center;
    margin: 0;
    padding: 0;
    margin-bottom: .2em;
    font-weight: normal;
    font-size: 1.25em
}

#sharebuttons {
    position: absolute;
    right: .5em;
    top: 35px;
    margin-right: -1px;
    vertical-align: top
}

#sharebuttons * {
    vertical-align: top !important
}

#EFF {
    margin-left: .5em;
    text-align: center;
    color: #AAA;
    font-size: .8em
}

#EFF a {
    color: #7474dc;
    text-decoration: none
}

.btnkbshortcut {
    font-size: .8em;
    color: #9cf;
    font-weight: bold;
    margin-top: .25em;
    height: 0;
}

:disabled .btnkbshortcut,[disabled] .btnkbshortcut {
    color: #a1c3e6
}

.questionHeading {
    font-size: .9em;
    padding: .1111111111111111111em;
    padding-left: 1.11111111111111111em;
    background: #6cb5ff;
    color: #DEF;
    font-weight: bold;
    border-top-left-radius: .5em;
    -moz-border-radius-topleft: .5em;
    -webkit-border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    -moz-border-radius-topright: .5em;
    -webkit-border-top-right-radius: .5em
}

.collapsed .questionHeading {
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    font-size: 1.1em
}

.question {
    width: 75%
}

.question.collapsed {
    cursor: hand;
}

.collapsed .questionText {
    display: none
}

.questionText {
    padding: .4em;
    padding-left: .8em;
    background: #DEF;
    font-size: 1.25em
}

#tryspymode .questionText {
    padding: .5em;
    padding-left: 1em;
    font-size: 1em
}

#tryspymode {
    margin: auto
}

#tryspymode.collapsed .questionHeading {
    padding: .11111111111111em;
    text-align: center
}

#tryspymode.collapsed {
    width: 19em;
    max-width: 100%
}

.questionInput {
    width: 90%
}

#facebooklogin {
    text-align: center;
    margin: 1em 0
}

.facebookpicture {
    vertical-align: middle
}

.facebookgreeting {
    padding-left: .5em;
    color: #555;
    font-size: .9em;
    font-weight: bold
}

.shoulduselikesdiv {
    clear: left;
    margin-top: .5em
}

.commonlikescancel {
    padding-top: .5em;
    font-size: .75em
}

.facebookanonymousdisclaimer {
    font-size: .75em;
    font-weight: bold;
    color: #c9c9c9
}

.conversationgreat {
    padding: .25em .5em;
    border-radius: .5em;
    font-size: .9em;
    background: #409ffe;
    background-image: -o-linear-gradient(top,#80c0ff 0,#017ffe 100%);
    background-image: -moz-linear-gradient(top,#80c0ff 0,#017ffe 100%);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#80c0ff),to(#017ffe));
    background-image: -webkit-linear-gradient(top,#80c0ff 0,#017ffe 100%);
    background-image: -ms-linear-gradient(top,#80c0ff 0,#017ffe 100%);
    background-image: linear-gradient(top,#80c0ff 0,#017ffe 100%);
    color: rgb(255, 255, 255);
    font-weight: 400;
}

#mobilesitenote {
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: .9em;
    padding: 0;
    height: 3.5em;
    margin-top: -5px;
    margin-bottom: -15px;
}

#mobilesitenote img {
    vertical-align: middle;
    margin-left: 10px
}

#mobilesitenote .space {
    display: none
}

#beyourself {
    text-align: center;
    margin-top: 1em
}


#videobtnunmoderated {
    padding: 5px;
}
.topictageditor {
    color: whitesmoke;
    cursor: text;
    position: relative;
    padding: .25em;
    margin-bottom: .408em;
    text-align: left
}

.chatbox .topictageditor {
    margin-right: .5em
}

.topictagdelete {
    cursor: pointer;
    padding-left: .25em;
    font-weight: bold;
    vertical-align: bottom
}

.newtopicinput {
    border: 0 none;
    padding: 0;
    width: 50%;
    outline: 0 none !important;
    -moz-outline: 0 none !important;
    font-size: 1em;
    font-family: inherit;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: text;
    background: transparent
}
.topicplaceholder {
    color: #8c8c8e;
    cursor: text;
    position: absolute;
    padding-left: 1px
}

#topicsettingscell {
    vertical-align: top
}

#topicsettingscontainer {
    width: 400px;
    max-width: 100%;
    margin: auto;
    text-align: left
}

#footer {
    display: none;
}

#intoheader {
    text-align: center
}

td #topicsettingscontainer,td #intoheader {
    padding-right: 28px
}

#monitoringnotice {
    display: none;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    padding: 0;
    margin: auto;
    margin-top: .5em;
    margin-bottom: 1em;
    text-align: center;
    max-width: 36em;
    background: rgb(64,64,72);
    position: relative;
    overflow: hidden
}

#monitoringnotice h2 {
    line-height: 1;
    padding: .3134em 0;
    font-size: 1.595em;
    margin: 0;
    background: rgb(64,64,72);
}

#monitoringnotice .content {
    font-size: .9em;
    padding-bottom: .555em
}

#monitoringnotice a {
    margin-bottom: 1em;
    color: #00F
}

#monitoringnotice.banned {
    display: block;
    padding: 10px 10px 15px;
    color: rgba(32,34,37,255);
    background: #fff7ee;
    box-shadow: inset 0 0 0.5em #bbb;
    -webkit-box-shadow: inset 0 0 0.5em #bbb;
}
#monitoringnotice p {
    margin: 0;
    font-size: 1.1em
}

#monitoringnotice p.extrainfo {
    font-size: .75em
}

span#unmonitoredvideobtn {
    text-decoration: underline;
    color: #555
}

#readabook {
    text-align: center
}

#readabook span {
    border-radius: .5em;
    background: #555;
    color: #EEE;
    font-weight: bold;
    padding: .5em
}

#google_translate_lower_container {
    text-align: center
}

#chattypeheaderrow {
    vertical-align: top;
    line-height: 2;
}

#topterms {
    font-size: .6666em;
    line-height: 1;
    text-align: center;
    color: #555;
    padding-bottom: .75em;
    font-weight: bold
}

p+#topterms {
    margin-top: -0.75em
}

.asterisk {
    position: absolute;
    top: .5em;
    right: .5em;
    font-weight: normal
}

@media(max-width: 1000px) {
    #headerappstore {
        visibility:hidden !important
    
    
}

NXR · 20. März 2022

niemand?

Phrasendreher · 20. März 2022

Srly, Du postest knapp 1000 Zeilen Code und dann so

NXR schrieb:
Kann ich da irgendwie noch diesen Code rein packen?

und

NXR schrieb:
niemand?

Ich hab jedenfalls gerade keine Lust das zu lesen, zu interpretieren und den Job für Dich zu machen.

Scheint als wären die 1000 Zeilen auch noch CSS - nee, da kann man kein JavaScript mit reinpacken.

NXR · 20. März 2022

Phrasendreher schrieb:
Srly, Du postest knapp 1000 Zeilen Code und dann so

und

Ich hab jedenfalls gerade keine Lust das zu lesen, zu interpretieren und den Job für Dich zu machen.

Scheint als wären die 1000 Zeilen auch noch CSS - nee, da kann man kein JavaScript mit reinpacken.

ist denn das document.getElementById("othervideospinner").style.visibility = 'hidden'; javascript?
ich hab schon gegooglet und schon zig varianten ausprobiert aber es funktioniert einfach nicht.
Momentan poste ich die line in die console. Es muss doch einen weg geben, dass der das automatisch in die conole tippt?!?

Toms · 20. März 2022

Hab dir per PN geantwortet, aber hier für andere auch nochmal

CSS:

#othervideospinner{
    display: none;
}

NXR · 20. März 2022

OMG vielen vielen Dank! Es hat endlich geklappt. Ich hab schon so viele Kombinationen ausprobiert und nichts hat geklappt. Jetzt ist es endlich Perfekt. Danke danke danke!!!

Javascript delay einfügen

Lt. Junior Grade

Admiral

Admiral

Lt. Junior Grade

Lieutenant

Admiral

Lt. Junior Grade

Admiral

Lt. Junior Grade

Admiral

Lt. Junior Grade

Admiral

Lt. Junior Grade

Lt. Junior Grade

Lt. Junior Grade

Lieutenant

Lt. Junior Grade

Admiral

Lt. Junior Grade

Ähnliche Themen