Zeigen Sie div nach 10 Sekunden ein-und ausblenden, nach 10 Sek.

Ich muss ein div-Element (z.B. #mybox) in 10secs nach dem laden der Seite, halten Sie es sichtbar für andere 10 Sek. und dann verstecken Sie mit einem schönen Schiebe-in/out-Effekte.

Vielen Dank für jegliche Hinweise/hilft!

InformationsquelleAutor Espider | 2013-01-31
  1. 6

    Nutzen Sie bitte das unten Funktion:

    cycle();
function cycle() {
     $('#myid')
    .delay(10000)
    .fadeIn(300)
    .delay(10000)
    .fadeOut(300, cycle);
}

    Wenn brauchen wir nicht eine Schleife, dann nur mit einer Zeile code benötigt:

    $('#myid').delay(10000).fadeIn(300).delay(10000).fadeOut(300);
    • Nice one, aber ich fürchte, die Absicht war nicht zu verblassen oder zu verkleinern wiederholt (easy fix)
    • Auch function() {cycle()} ersetzt werden könnte, mit nur cycle.
    • Aktualisiert. Danke!
    • Ich bin immer noch Angst, die Absicht war zu zeigen, das div nur einmal
    • Wenn wir nicht rufen Sie die Funktion rekursiv, dann brauchen wir nicht den "Zyklus" - Funktion aufrufen, am Ende (einfach nur ".fadeOut(10);" ist genug).
    InformationsquelleAutor Sankar V
  2. 2

    Vielleicht können Sie versuchen, so etwas wie dieses.

    setTimeout(show_div, 10000);
setTimeout(hide_div, 20000);

funciton show_div(){
    $('#mybox').show();
}

funciton hide_div(){
    $('#mybox').hide();
}
    InformationsquelleAutor Ankit
  3. 2
    $(function(){
  setTimeout(function(){
    $('ur_element').show(function(){
      setTimeout(function(){
        $('ur_element').hide()
      }, 10000)
    })
  }, 10000)
})
    • dies funktioniert ur falsch
    • Hast du es getestet? Das timing ist falsch. Für den Anfang, das element zu starten, die sofort, nicht nach 10 Sekunden. Sie müssen wickeln Sie den Anruf, um zu zeigen, in einer anonymen Funktion, so dass es nicht sofort ausgeführt werden. Fest, dass für Sie.
    • ty Art sir ;))
    InformationsquelleAutor mikrowelt
  4. 2

    Kann auf diese Weise: http://jsfiddle.net/EzvGD/2/

    $(function(){ //-----------------when page loads fire the code below.
  $('#div').delay(10000).show('slow').promise().done(function(){
     $('#div').delay(10000).hide('slow')
  });
});
    • Der Nutzer will, um zu zeigen, das div für 10 Sekunden nur
    • Wo hast die zweite Verzögerung gehen?
    • Eigentlich hast du Recht @Jan Dvorak. korrigieren Sie es erneut.
    • Er will warten Sie 10 Sekunden, zeigen die div, warten Sie weitere 10 Sekunden und blendet die div.
    • Du hast Recht ich habe gerade verloren. vielleicht sollte ich ruhen uns aus.
    InformationsquelleAutor Jai
  5. 1

    Ok in die Zukunft, es ist am besten, um uns zu zeigen, was Sie bereits versucht haben, so können wir alle dazu beitragen, verbessern Sie Ihre code.

    Mit heraus zu wissen, was Ihr Umgang mit gebe ich Euch eine von vielen Möglichkeit ist, es zu tun.

    Mithilfe von jQuery

    setTimeout(function() {
  $('#div1').slideIn();
  setTimeout(function() {
     $('#div1').slideOut();    
  }, 10000);
}, 10000);
    InformationsquelleAutor Paul Radich
  6. 0

    http://jsfiddle.net/tzvemt4m/

    $(".Mask").each(function() {
  var tempstr = this.innerText;
  var replacestr = this.innerText.replace(/./g, "*");
  $(this).mouseover(function() {
    this.innerText = tempstr;
  });
  $(this).mouseout(function() {
    var tempObj = this;
    setTimeout(function() {
      tempObj.innerText = replacestr;
    }, 10000);
  });
  this.innerText = replacestr;
});
    InformationsquelleAutor Keimi
Schreibe einen Kommentar