Announcement

Collapse
No announcement yet.

Digital Clock

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Digital Clock

    Click image for larger version

Name:	clock.png
Views:	40
Size:	4.9 KB
ID:	3804

    Display a digital clock like this anywhere that you can place static html module code to use is
    Code:
    <style>
    <!--
    .styling{
    color:red;
    font: bold 18px MS Sans Serif;
    padding: 3px;
    }
    -->
    </style>
    <span id="digitalclock" class="styling"></span>
    
    <script>
    <!--
    
    /*****************************************
    * LCD Clock script- by Javascriptkit.com
    * Featured on/available at http://www.dynamicdrive.com/
    * This notice must stay intact for use
    *****************************************/
    
    var alternate=0
    
    function show(){
    var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
    var Digital=new Date()
    var hours=Digital.getHours()
    var minutes=Digital.getMinutes()
    var dn="AM"
    
    if (hours==12) dn="PM"
    if (hours>12){
    dn="PM"
    hours=hours-12
    }
    if (hours==0) hours=12
    if (hours.toString().length==1)
    hours="0"+hours
    if (minutes<=9)
    minutes="0"+minutes
    
    if (alternate==0)
    clockobj.innerHTML=hours+"<font color='lime'> : </font>"+minutes+" "+"<sup>"+dn+"</sup>"
    else
    clockobj.innerHTML=hours+"<font color='black'> : </font>"+minutes+" "+"<sup>"+dn+"</sup>"
    alternate=(alternate==0)? 1 : 0
    setTimeout("show()",1000)
    }
    window.onload=show
    
    //-->
    </script>
    Just edit the red highlight to what ever colour you want, The little pic has it placed in the header using sitebuilder/header ad html module
    Wise men say nothing Fools never listen

    #2
    Moved to the appropriate channel. This is not a Javascript hack. Javascript Hacks channel is for mods that require editing of default vB5 Javascript files.

    Comment

    Working...
    X