luigee: Text 3x blinken lassen *g*

Beitrag lesen

SELF-Forum

Text 3x blinken lassen *g*

luigee
– Informationen zu den Bewertungsregeln

Ok, vielen Dank. Habt mir echt geholfen ;-)

Hier der source:

<html>
<head>
<title>blink, blink, blink, blink</title>
</head>
<script type="text/javascript">
    var aktiv = window.setInterval("blinky('bling');", 400);
    var i = 0, blinks = 1;
    function blinky(bid){
     if (blinks == 2) {
      document.getElementById(bid).style.visibility='visible';
      blinks = 1;
     } else {
      document.getElementById(bid).style.visibility='hidden';
      blinks = 2;
     }
     i = i + 1;
     if (i >= 8)
    window.clearInterval(aktiv);
    }
</script>
<body>
<h1 id="bling">Blink 4x</h1>
</body>
</html>

Hallo,

Mit blink() kann man es ja lustig blinken lassen aber wie das ganze nur 3x und den Text anschließend stehen lassen?

Ich würde den Text in ein Element mit einer ID setzen, so daß Du darauf bequem mit Javascript zugreifen kannst (Stcihwort: document.getElementById()).
Dann würde ich nach dem Laden einfach über ein Intervall (Stichwort: window.setInterval()) eine kleine Funktion aufrufen, die die Sichtbarkeit des Textes (Stichwort: [node].style.visibility) zwischen "hidden" und "visible" hin- und herschaltet.
Und beim 8. Funktionsaufruf (4. Einblenden des Textes) wird das Intervall beendet (Stichwort: window.clearInterval()).

Statt mit der Sichtbarkeit des Textes zu arbeiten, kannst Du auch einfach die Textfarbe ändern.

Ciao,
Andreas

Beitrag melden
–
Informationen zu den Bewertungsregeln