Advanced Search

Results 1 to 6 of 6

Thread: How do you display time with a leading 0? Please help

  1. #1
    Join Date
    Sep 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Red face How do you display time with a leading 0? Please help

    I'm new to Javascript and I have this code working but I do not know how to display the hour, minute, or second value that has a single digit with a leading 0. Any idea's? The code is below.

    Thank you in advance.

    <html>
    <head>
    <title></title>


    </head>
    <body bgcolor="#A4D4B0">
    <bgsound src ="clocktick2.wav" loop="2">


    <form name="count">
    <input type="text" size="69" name="count2">
    </form>


    <script>



    var before="My Birthday!"
    var current="Today is My Birthday!"
    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")

    function countdown(yr,m,d){
    theyear=yr;themonth=m;theday=d
    var today=new Date()
    var todayy=today.getYear()
    if (todayy < 1000)
    todayy+=1900
    var todaym=today.getMonth()
    var todayd=today.getDate()


    var todayh=today.getHours()
    var todaymin=today.getMinutes()
    var todaysec=today.getSeconds()
    var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
    futurestring=montharray[m-1]+" "+d+", "+yr
    dd=Date.parse(futurestring)-Date.parse(todaystring)
    dday=Math.floor(dd/(60*60*1000*24)*1)
    dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
    dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
    dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
    if(dday==0&&dhour==0&&dmin==0&&dsec==1){
    document.forms.count.count2.value=current
    return
    }

    else
    document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+before
    setTimeout("countdown(theyear,themonth,theday)",1000)
    }
    //enter the count down date using the format year/month/day
    countdown(2005,08,17)
    </script>



    </body>
    </html>

  2. #2
    Join Date
    Sep 2004
    Posts
    66
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    ya, i could not find i script for my web site, so i wrote this one

    Code:
    <head>
    <title>Time and Date</title>
    <style>
    .texta {
      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
      padding-left: 5px;
      padding-top: 2px;
      background: transparent;
      color: #000000;
      background-color: transparent;
      border: transparent;
    }
    </style>
    <script>
       
    function DateDemo(){
     
       d = new Date();
       month = (d.getMonth() + 1);
       day = d.getDate();
       year = d.getYear();
       s = "/"
    
    if (day <= 9){
    day = "0" + day 
    }
    if (month <=9){
    month = "0" + month
    }
     document.form.date.value = month + s + day + s + year
    }
    
    function timeload(){
    
     {DateDemo()}
      
       var day = " AM"
       var d      = new Date();
       var t_hour = d.getHours();
       var time   = d.getHours();        
       var t_min  = d.getMinutes();    
       var t_sec  = d.getSeconds();    
       var t_mil  = d.getMilliseconds();  
       var hour   = t_hour-12
       
    if (t_hour > 12 || t_hour == 1){
    day = " PM"
    }   
    if (t_hour <= 9){
    t_hour = " "+t_hour
    }
    if (t_hour >= 13 && t_hour <=21){
    t_hour = " "+hour
    }
    if (t_hour >= 13 && t_hour >=21){
    t_hour = hour
    }
    if (t_min < 10){
    t_min = "0"+t_min
    }
    if (t_sec < 10){
    t_sec = "0"+t_sec 
    }
    document.form.time.value = t_hour + ":" + t_min + ":"+ t_sec + day
    setTimeout("timeload()", 10)
    }
    </script>
    </head>
    <body onload="timeload()" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
    <form name="form">
    <div style="border:2px solid #000000; position: absolute; width: 91px; height: 41px; z-index: 15; left: 45px; top: 47px" id="layer2">
    <input class="texta" name="date" value="Date:" size="11" style="font-weight: 700"><input  value="Time:" class="texta" name="time" size="11" style="font-weight: 700"></b></div>
    </form>
    </body>
    </html>
    Last edited by Nate_Bro; 11-17-2004 at 01:42 AM.

  3. #3
    Join Date
    Sep 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    What?????

  4. #4
    Join Date
    Sep 2004
    Posts
    66
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    sorry bout that, at first i thought you wanted just a clock, my bad

    this is your script with the modifications

    i just put this in it

    //Added============\/-\/-\/-\/

    if (dhour < 10){
    dhour = "0"+dhour
    }
    if (dmin < 10){
    dmin = "0"+dmin
    }
    if (dsec< 10){
    dsec = "0"+dsec
    }

    //Added============/\-/\-/\-/\

    Code:
    <html>
    <head>
    <title></title>
    
    
    </head>
    <body bgcolor="#A4D4B0">
    <bgsound src ="clocktick2.wav" loop="2">
    
    
    <form name="count">
    <input type="text" size="69" name="count2">
    </form>
    
    
    <script>
    
    
    
    var before="My Birthday!"
    var current="Today is My Birthday!"
    var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
    
    function countdown(yr,m,d){
    theyear=yr;themonth=m;theday=d
    var today=new Date()
    var todayy=today.getYear()
    if (todayy < 1000)
    todayy+=1900
    var todaym=today.getMonth()
    var todayd=today.getDate()
    var todayh=today.getHours()
    var todaymin=today.getMinutes()
    var todaysec=today.getSeconds()
    var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
    
    futurestring=montharray[m-1]+" "+d+", "+yr
    dd=Date.parse(futurestring)-Date.parse(todaystring)
    dday=Math.floor(dd/(60*60*1000*24)*1)
    dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
    dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000) )/(60*1000)*1)
    dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000 ))%(60*1000))/1000*1)
    
    //Added============\/-\/-\/-\/
    
    if (dhour < 10){
    dhour = "0"+dhour
    }
    if (dmin < 10){
    dmin = "0"+dmin
    }
    if (dsec< 10){
    dsec = "0"+dsec
    }
    
    //Added============/\-/\-/\-/\
    
    
    if(dday==0&&dhour==0&&dmin==0&&dsec==1){
    document.forms.count.count2.value=current
    return
    }
    
    else
    document.forms.count.count2.value="Only "+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+before
    setTimeout("countdown(theyear,themonth,theday)",1000)
    }
    //enter the count down date using the format year/month/day
    countdown(2005,08,17)
    </script>
    
    
    
    </body>
    </html>
    Last edited by Nate_Bro; 11-17-2004 at 03:16 AM.

  5. #5
    Join Date
    Sep 2004
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Nate_Bro,
    Thank you so very much, you have been a great help. It works great!!!!!!!!
    Mar

  6. #6
    Join Date
    Sep 2004
    Posts
    66
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    any time

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
  •