.append ein settimeout, damit ein PopUp Fenster erst verzögert sich öffnet

[anfaengercom]

Hi liebe Community,
ich bin Conversion Optimierer und arbeite mit einem A/B Testing Tool Optimizely. Ich gebe es gleich am Anfang zu, ja ich bin Anfänger...

Sehr gerne möchte ich auf einer Webseitenvariante diese so heißt geliebten Pop Ups verwenden, dazu nutze ich folgenden Code:

$("body").append("<div id=\"overlay\"></div><div id=\"lightbox\" class=\"dialog wide\" style=\"z-index: 3000; display: block;\">
    <div class=\"closer\"></div>
    <div class=\"content panes\">
        <div class=\"custom-css pane\" style=\"display: block;\">
            <div class=\"header\">
                <h1>Sample Lightbox</h1>
            </div>
            <div class=\"content-body\" style=\"max-height: 634px;\">
            <center><img src=\"//cdn.optimizely.com/img/69234495/c5026e72bbf84890994b2323633061ad.png\"></center>
            </div>
        </div>
    </div>
</div>");

Das Pop Up funktioniert nur möchte ich noch eine zeitliche Verzögerung von 30 Sekunden erwirken. Leider bekomme ich es alleine nicht hin und hoffe den ein oder anderen netten Menschen mit meinem Hilferuf zu erreichen. Ich wäre euch tausendfach dankbar!!!! Wenn mir jemand den richtigen Syntax geben könnte. Ich denke mit settimeout nicht falsch zu liegen, bekomme es aber mit der oberen Zeite nicht verknüpft.

VG & vielen Dank

 

[mikdoe]

Versuch mal

window.setTimeout(function() {
$("body").append("<div id=\"overlay\"></div><div id=\"lightbox\" class=\"dialog wide\" style=\"z-index: 3000; display: block;\">
    <div class=\"closer\"></div>
    <div class=\"content panes\">
        <div class=\"custom-css pane\" style=\"display: block;\">
            <div class=\"header\">
                <h1>Sample Lightbox</h1>
            </div>
            <div class=\"content-body\" style=\"max-height: 634px;\">
            <center><img src=\"//cdn.optimizely.com/img/69234495/c5026e72bbf84890994b2323633061ad.png\"></center>
            </div>
        </div>
    </div>
</div>");
},
30000);

Und bitte beim nächsten Code aufpassen, dass Returns hier nicht als \n und Tabs nicht als \t landen und für mehrzeiligen Code bitte nicht INLINE sondern HTML Tags verwenden. Ich hab das jetzt in deinem Posting alles korrigiert.