JS: Blinkender Text

edit | delete

Autor: Ralf v.d.Mark

eingetragen: Donnerstag, 09. Dezember 2021 um 12:24 Uhr (49/2021 Kalenderwoche)

geändert: Donnerstag, 09. Dezember 2021 um 12:30 Uhr (49/2021 Kalenderwoche)

Keywords: Blinkend Text decoration

Kategorien: JavaScript,

Text:

Blinkender Text mit Hilfe von JavaScript


Noch mehr blinkender Text mit Hilfe von JavaScript...

Quellcode:  

<span id="hinweisLoeschgPersondaten" style="color: red; background-color: #F3FAC4;">Daten-Löschung vor Laufzeitende?</span>
<script>
    var farbWechselLauf;
    var farbWechselMilisekunden = 1000;
    function hinweisLoeschgPersondaten(status){
        if (status == 1) {
            //alert("status 1");padding-right: ;
            //padding-left: 11px;
            document.getElementById("hinweisLoeschgPersondaten").style.color = "#F3FAC4";
            document.getElementById("hinweisLoeschgPersondaten").style.backgroundColor = "#ff0000";
            document.getElementById("hinweisLoeschgPersondaten").style.paddingLeft = "11px";
            document.getElementById("hinweisLoeschgPersondaten").style.paddingRight = "5px";
            farbWechselLauf = window.setTimeout("hinweisLoeschgPersondaten(2)", farbWechselMilisekunden);
        } else {
            //alert("status 2");
            document.getElementById("hinweisLoeschgPersondaten").style.color = "#990000";
            document.getElementById("hinweisLoeschgPersondaten").style.backgroundColor = "#F3FAC4";
            document.getElementById("hinweisLoeschgPersondaten").style.paddingLeft = "5px";
            document.getElementById("hinweisLoeschgPersondaten").style.paddingRight = "11px";
            farbWechselLauf = window.setTimeout("hinweisLoeschgPersondaten(1)", farbWechselMilisekunden);
        }//ENDE: else ==> if (status == 1)
    }
    farbWechselLauf = window.setTimeout("hinweisLoeschgPersondaten(1)", farbWechselMilisekunden);
    alert("Achtung: Das eingestellte Personen-Lösch-Datum liegt vor dem Laufzeitende!");
</script>