• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Arbeitszeit Countdown

Status
Für weitere Antworten geschlossen.
autofoli

autofoli

Neues Mitglied
Hallo zusammen.

Ich möchte für meine Angestellten einen Countdown erstellen, der die Arbeitszeit Täglich von 07:00 Uhr – 17:00 Uhr runterzählt. Ab 17 Uhr soll dann der Text: FEIERABEND erscheinen.

Ist dies überhaupt möglich und wie müsset so ein Quellcode aussehen?
Über eine Antwort würde ich mich sehr freuen.

Danke + VG
autofoli
 
frag am besten im forum "Javascript", denn für einen Counter brauchst du eben Java Script.;)
 
so gut? ;)
Link und Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de-de">
    <head>
        <title>Countdown</title>        
        <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
        <script type="text/javascript">
            //<![CDATA[
                function countdown() {
                    var zeit = new Date();
                    var h = zeit.getHours();
                    var m = zeit.getMinutes();
                    var s = zeit.getSeconds();
                    
                    var hto = String(16 - h);
                    var mto = String(60 - m);
                    var sto = String(60 - s);
                    
                    if(hto.length < 2) hto = '0' + hto;
                    if(mto.length < 2) mto = '0' + mto;
                    if(sto.length < 2) sto = '0' + sto;
                    
                    if((h < 17) && (h > 7)) {
                        var output = hto + ':' + mto + ':' + sto;
                        setTimeout('countdown()', 1000);
                    }
                    else
                        var output = '<b>Feierabend</b>';
                    document.getElementById('countdown').innerHTML = output;
                }
            //]]>
        </script>
    </head>
    <body onload="countdown()">
        <div id="countdown">&nbsp;</div>
    </body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben