Text ändern, alle 3 Sekunden mit fade-Effekt

Möchte ich den text ändern, der von einem p alle 3 Sekunden mit der jquery - "Fade-Effekt" :

<p class="first">Conected</p>

zu

<p class="second">2547</p>
  • Check-out setInterval()
InformationsquelleAutor user1607401 | 2012-08-17
  1. 3

    Können Sie mit setInterval https://developer.mozilla.org/en-US/docs/DOM/window.setInterval

    setInterval(function() {
    $('p').fadeOut(500, function() {
        var $this = $(this);
        $this.text($this.text() == 'Connected' ? '2457' : 'Connected');        
        $this.toggleClass('first second');        
        $this.fadeIn(500);
    });
}, 3000);​

    http://jsfiddle.net/wirey00/E4xqg/

    • Schön. Ich kann sehen, könnte man verwenden: $(this).text($(this).text() == 'Brauchen Sie Hilfe?' ? 'Hier klicken!' : 'Brauchen Sie Hilfe?'); auf einen Anker anstelle eines P nur die Aufmerksamkeit auf einen link.
    InformationsquelleAutor ᾠῗᵲᄐᶌ
  2. -1

    setInterval oder warten

    setInterval
    http://www.w3schools.com/js/js_timing.asp

    JQuery Warten
    http://api.jquery.com/delay/

    InformationsquelleAutor Darcey
Schreibe einen Kommentar