Horloges gratuites pour webmaster

Horloge digitale

AJOUTER ENTRE LES BALISES HEAD


    <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css"/>

    <style>
        .tabBlock {
            background-color: #57574f;
            border: solid 0px #FFA54F;
            border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
            max-width: 200px;
            width: 100%;
            overflow: hidden;
            display: block;
        }
        .clock {
            vertical-align: middle;
            font-family: Orbitron;
            font-size: 40px;
            font-weight: normal;
            color: #FFF;
            padding: 0 10px;
        }
        .clocklg {
            vertical-align: middle; 
            font-family: Orbitron;
            font-size: 20px;
            font-weight: normal;
            color: #FFF;
        }
    </style>


<script>
    function <span style="color:#000;">digitized</span>() {
        var dt = new <span style="color:#000;">Date</span>();    <span class="comments">// DATE() CONSTRUCTOR FOR CURRENT SYSTEM DATE AND TIME.</span>
        var hrs = dt.<span style="color:#000;">getHours</span>();
        var min = dt.<span style="color:#000;">getMinutes</span>();
        var sec = dt.<span style="color:#000;">getSeconds</span>();

        min = Ticking(min);
        sec = Ticking(sec);

        document.<span style="color:#000;">getElementById</span>('dc').innerHTML = hrs + ":" + min;
        document.<span style="color:#000;">getElementById</span>('dc_second').innerHTML = sec;

        if (hrs > 12) { 
            document.<span style="color:#000;">getElementById</span>('dc_hour').innerHTML = 'PM'; 
        }
        else { 
            document.<span style="color:#000;">getElementById</span>('dc_hour').innerHTML = 'AM'; 
        }
    }

    <span style="color:#000;">setInterval</span>('digitized()', 1000);

    function <span style="color:#000;">Ticking</span>(ticVal) {
        if (ticVal < 10) {
            ticVal = "0" + ticVal;
        }
        return ticVal;
    }
</script>

AJOUTER DANS LA BALISE BODY

<body onload="<span style="color:#000;">digitized</span>();">

AJOUTER ENTRE LES BALISES BODY

 <div style="background-color:#F3F3F3; max-width:220px;width:100%;margin:0 auto;padding:20px;">
        <table class="tabBlock" align="center" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td class="clock" id="dc"></td>  <span class="comments"><!-- THE DIGITAL CLOCK. --></span>
                <td>
                    <table cellpadding="0" cellspacing="0" border="0">
                    
                        <span class="comments"><!-- HOUR IN 'AM' AND 'PM'. --></span>
                        <tr><td class="clocklg" id="dc_hour"></td></tr>

                        <span class="comments"><!-- SHOWING SECONDS. --></span>
                        <tr><td class="clocklg" id="dc_second"></td></tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>