Results 1 to 4 of 4

Thread: live clock Need Help

  1. #1
    Join Date
    Sep 2010
    Location
    Tennessee,USA
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default live clock Need Help

    The code I am finding is for military time(1pm being 13:00) and I dont want it that way. How do I change code to reflect (1pm & so on) plus the date. I am beyond confused. please any kick in the right direction would be appreciated.

  2. #2
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Would need the code you're trying to update but something like

    Code:
    if (time > 12:59) {
    time = time - 12;
    var merdian = "am";
    } else {
    var merdian = "pm";
    }
    If this clock is running though and not just displaying on the page load I think this will be inefficient. Please post your code or a link.
    Corrections to my coding/thoughts welcome.

  3. #3
    Join Date
    Sep 2010
    Location
    Tennessee,USA
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I using this:
    Code:
    <body><body onLoad="goforit();">
    <script>
    
    /*
    Live Date Script- 
     Dynamic Drive (www.dynamicdrive.com)
    For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
    visit http://www.dynamicdrive.com
    */
    
    
    var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
    var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
    
    function getthedate(){
    var mydate=new Date()
    var year=mydate.getYear()
    if (year < 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var hours=mydate.getHours()
    var minutes=mydate.getMinutes()
    var seconds=mydate.getSeconds()
    //If you want military format then the following section must be commented - starts here
    
    //var dn="AM"
    //if (hours>=12)
    //dn="PM"
    //if (hours>12){
    //hours=hours-12
    //}
    //if (hours==0)
    //hours=12
    
    //If you want military format then the following section must be commented - starts here
    
    //The below condition is made up for the military format. If you want the normal 12 hour clock then the next two line must be commented
    if (hours==0)
    hours=24
    
    if (minutes<=9)
    minutes="0"+minutes
    if (seconds<=9)
    seconds="0"+seconds
    //change font size here - supports 24 hour military clock
    var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+"</b></font></small>"
    
    //change font size here - supports 12 hour clock if you want this comment the above line and uncomment this.
    //var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
    //+"</b></font></small>"
    if (document.all)
    document.all.clock.innerHTML=cdate
    else if (document.getElementById)
    document.getElementById("clock").innerHTML=cdate
    else
    document.write(cdate)
    }
    if (!document.all&&!document.getElementById)
    getthedate()
    function goforit(){
    if (document.all||document.getElementById)
    setInterval("getthedate()",1000)
    }
    
    </script>
    <span id="clock"></span>
    </body>
    </html>
    Last edited by jscheuer1; 09-30-2010 at 12:21 AM. Reason: format code

  4. #4
    Join Date
    May 2007
    Location
    Boston,ma
    Posts
    2,127
    Thanks
    173
    Thanked 207 Times in 205 Posts

    Default

    Okay, this should do it.
    Code:
    <body onLoad="goforit();">
    <script type="text/javascript">
    /*
    Live Date Script-
     Dynamic Drive (www.dynamicdrive.com)
    For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
    visit http://www.dynamicdrive.com
    */
    
    
    var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
    var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
    
    function getthedate(){
    var mydate=new Date()
    var year=mydate.getYear()
    if (year < 1000)
    year+=1900
    var day=mydate.getDay()
    var month=mydate.getMonth()
    var daym=mydate.getDate()
    if (daym<10)
    daym="0"+daym
    var hours=mydate.getHours()
    var minutes=mydate.getMinutes()
    var seconds=mydate.getSeconds()
    
    //If you want military format then the following section must be commented out 
    
    //START COMMENTING HERE
    var dn="AM"
    if (hours>=12)
    dn="PM"
    if (hours>12){
    hours=hours-12
    }
    if (hours==0)
    hours=12
    // END COMMENTING HERE
    
    //if you want regular, 12 hour (am/pm) formatting comment the next two lines out
    
    //START REG COMMENTS
    //if (hours==0)
    //hours=24
    //END REG COMMENTS
    
    
    if (minutes<=9)
    minutes="0"+minutes
    if (seconds<=9)
    seconds="0"+seconds
    //change font size here - supports 24 hour military clock
    var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+"</b></font></small>"
    
    //change font size here - supports 12 hour clock if you want this comment the above line and uncomment this.
    //var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
    //+"</b></font></small>"
    if (document.all)
    document.all.clock.innerHTML=cdate
    else if (document.getElementById)
    document.getElementById("clock").innerHTML=cdate
    else
    document.write(cdate)
    }
    if (!document.all&&!document.getElementById)
    getthedate()
    function goforit(){
    if (document.all||document.getElementById)
    setInterval("getthedate()",1000)
    }
    
    </script>
    <span id="clock"></span>
    </body>
    </html>
    Can you link to where you got that script?
    Corrections to my coding/thoughts welcome.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •