Das einblenden eines div-nach einer Verzögerung

Ich bin neu in javascript, so dass ich zu kämpfen mit den Grundlagen...

Ich bin mit dieser Verzögerung zu bringen, in ein div, aber ich möchte zu verblassen die div im Rahmen dieser Funktion (und nicht nur die box angezeigt)

function show() {

AB = document.getElementById('div_with_text');

AB.style.display = 'inline';
}

setTimeout("show()", 3000);

Kann einer helfen mit diesem?

Ich habe versucht, indem Sie Dinge wie:

$(function(){  
  $('#div_with_text').fadeIn('slow');  
});

aber ich weiß nicht, die Sprache gut genug, um zu get it to work...

Jede Hilfe wäre sehr geschätzt werden!

  • was genau ist dein problem?
  • Hey Lobo, ich habe ein Textfeld, das angezeigt wird auf meiner Homepage nach der Verzögerung Skript oben - diese Arbeit gut, aber ich würde lieber die box zu verblassen. So Frage ich, was muss ich hinzufügen, um die delay-code blenden Sie die box nach der Verzögerung? hoffe das macht Sinn...
  • Überprüfen Sie meine Antwort akzeptieren und wenn es Ihr problem löst.
InformationsquelleAutor Jayp07 | 2012-07-20
  1. 3

    Ist dein DIV versteckt in den ersten Platz? Wenn nicht, ist das euer problem. Ihr versuchen zu öffnen, eine bereits geöffnete Tür.

    Dein code ist auch falsch, selbst wenn Sie ausblenden des DIV, wird dies nicht funktionieren. Es sollte setTimeout(show, 3000);

    Mit dem JavaScript-code ( setTimeout ), die Sie zur Verfügung gestellt haben, 3 Sekunden nach dem laden der Seite, Sie versuchen, zum anzeigen der DIV. Haben Sie bemerkt, dass das DIV schon da war und nie 'erschienen' nach 3 Sekunden, als Sie erwartet haben?

    Beispiel - http://jsfiddle.net/BLPTq/2/ - klicken Sie einfach laufen und sehen.

    Machen, damit es funktioniert, blendet die DIV-und dann erste Aufruf der setTimeout oder die jQuery-Methode. Beispiel - http://jsfiddle.net/zeXyG/ - klicken Sie einfach laufen und sehen. Überprüfen Sie die CSS - display:none;

    ODER, wenn Sie nicht wollen, um es zu verstecken mit CSS, einfach anrufen hide() vor dem Aufruf fadeIn() 

    $('#div_with_text').hide().fadeIn('slow');

    Beispiel - http://jsfiddle.net/zeXyG/1/

    Wie pro Ihren Kommentar unten. Hinzufügen delay() auf den Aufruf wie unten gezeigt 

    $('#div_with_text').hide(); //this or use css to hide the div
$('#div_with_text').delay(2000).fadeIn('slow');

    2 Sekunden nach dem laden der Seite, wird dies blendet die div-und dann verblassen langsam. Blick auf dieses Beispiel gezielt.

    • Ich Schätze Sie die Zeit nehmen, zu erklären. Eine Kombination der beiden ist genau das, was ich bin nach. Das div-Element NICHT versteckt, um mit zu beginnen, ohne code, es wäre nur auf dem Bildschirm, wenn die Seite geladen wird. Also, was ich tun müssen, ist zu kombinieren, was Sie mir gezeigt haben, zu erreichen ein fadein nach 3 Sekunden... ich weiß nicht die richtige syntax um dies zu tun, aber ich gebe es zu gehen kombinieren, was da ist - Versuch und Irrtum!? Ich glaube nicht, dass Sie das wissen?
    • Hat nicht das Letzte Beispiel mit hide().fadeIn() Arbeit? Ich fügte delay() . Mag sein, dass das, was Sie wollen.
    • Warum ist nichts einfach heute...! Wann gehe ich zum hochladen der Seite(html) mit Ihrem code in den (die sieht spot auf btw) erhalte ich eine Meldung, die sagt, dass die Dokumente, die aktuelle Codierung nicht speichern alle Zeichen. vielleicht möchten Sie das ändern auf utf-8...usw"... also es wird nicht lassen Sie mich upload. Irgendwelche Ideen?
    • nur modifizieren/Seiteneigenschaften zu speichern, die Seite werde jetzt testen...
    • Ich habe es versucht... aber ich weiß nich was schief geht, wird nichts angezeigt. diese Seite ist der Letzte Ort, den ich habe, der funktioniert...ich habe versucht deinen code zu ersetzen, um die Verzögerung hier, aber ich muss etwas falsch... pierrecarr.com/phase4/index.html ich werde die Streifen der Seite nach unten zu replizieren Ihren code ein und bekommen, dass die arbeiten dann von dort aus arbeiten...
    • Lesen Sie meine Antworten sorgfältig, Sie werden sehen, wohin du gehst falsch. Versuchen Sie auch, um alle javascript-code am Anfang im script-tag. Alle die besten.
    • tun wird... ich Schätze all die Hilfe und werde nochmal posten, wenn ich wirklich stecken bleiben oder, noch besser, sobald ich das problem beheben - Cheers mate!

    InformationsquelleAutor Praveen Lobo
  2. 0

    Den fadeIn Methode funktioniert nur, wenn Sie das laden der jQuery-Bibliothek auf Ihrer Seite. Ohne, dass, die Methode wird nicht funktionieren, da es nicht Teil des nativen Javascript.

    Sobald Sie geladen jQuery, diese Methode funktionieren wird, wie Ihre syntax korrekt ist.

    • danke für die Antwort mate, ich bin mit <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.4.2/...> am Anfang von meinem code... werden die, die es tun? mein code scheint zu ignorieren, die fade-Funktion anfordern, sobald Sie auf 'show' abgeschlossen hat. das macht mich denke, die verblassen sollte als früher?
    InformationsquelleAutor Justin Helgerson
Schreibe einen Kommentar