Time problem

**afridy** · 04-25-2007, 01:09 PM

Hai,

I have put the code to display the date and time in a cell.
i.e. 25th April 2007 08:10:56 like

When the page displays the time is static. i mean the the seconds want change. so how do make it dynamic?

Code:

$date=date("dS F Y h : i : s");

**dansgalaxy** · 04-25-2007, 02:04 PM

i know this can be done with javascript as i have done it before, i dont think there is a way to make it continusly change as it does it, but javascript definatly can...

I just had a quick search and found a clock script.

http://www.htmlgoodies.com/legacy/be...t/javatime.txt you can see it here...

and the code is

Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Clock --
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue 
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
<BODY onLoad="startclock()">
<!-------------------------------------------------------------------------------------------->
<form name="clock" onSubmit="0">
<INPUT TYPE="text" NAME="face" SIZE=11 VALUE ="....Initializing....">
</form>

Im sure you can change its to how you want.

Hope it helps!
TP apprieciated

im aiming for 200!

Dan

**dansgalaxy** · 04-25-2007, 02:06 PM

also:

i think theres a way (cant remember off top of my head) that you can make the default border on input boxes 0 or the color the same as background so it will blend in as if its normal text and not like its a text box.

Dan

**tripy** · 04-25-2007, 02:30 PM

Quote:

Originally Posted by dansgalaxy

also:

i think theres a way (cant remember off top of my head) that you can make the default border on input boxes 0 or the color the same as background so it will blend in as if its normal text and not like its a text box.

Dan

yep !

in css, specify:

Code:

.date{
  border:0px;
  background-color: transparent;
}

That should do the trick to make the field transparent.
Also, in the input, add the word "disabled", to prevent user to being able to select it.

Code:

<INPUT disabled class="date" TYPE="text" NAME="face" SIZE=11 VALUE ="....Initializing....">

**dansgalaxy** · 04-25-2007, 02:33 PM

dont u have to make it disabled="disabled" to make it all XHTML "complient"

Dan

**tripy** · 04-25-2007, 07:29 PM

Quote:

Originally Posted by dansgalaxy

dont u have to make it disabled="disabled" to make it all XHTML "complient"

Dan

Yep, I think so...
I just didn't used this for so long, I don't really know for sure.
But i it's like a "selected" in a <select>, yep, it's the way to go for Xhtml

**afridy** · 04-25-2007, 10:31 PM

Thank YOu all.

**solomongaby** · 04-26-2007, 05:58 AM

afridy ... can i make a small sugestion .. can you modify the first post title and add [ SOLVED ] to the end ... i think this could help improve this forum a lot if every body did this

Thank you so much

**BruceWayne** · 04-26-2007, 06:29 AM

Quote:

Originally Posted by dansgalaxy

i know this can be done with javascript as i have done it before, i dont think there is a way to make it continusly change as it does it, but javascript definatly can...

I just had a quick search and found a clock script.

http://www.htmlgoodies.com/legacy/be...t/javatime.txt you can see it here...

and the code is

Code:

<SCRIPT LANGUAGE="JavaScript">
<!-- Clock --
var timerID = null
var timerRunning = false
function stopclock(){
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
stopclock()
showtime()
}
function showtime(){
var now = new Date()
var hours = now.getHours()
var minutes = now.getMinutes()
var seconds = now.getSeconds()
var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue 
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
<BODY onLoad="startclock()">
<!-------------------------------------------------------------------------------------------->
<form name="clock" onSubmit="0">
<INPUT TYPE="text" NAME="face" SIZE=11 VALUE ="....Initializing....">
</form>

Im sure you can change its to how you want.

Hope it helps!
TP apprieciated

im aiming for 200!

Dan

This one works! Thanks for sharing this!

**dansgalaxy** · 04-26-2007, 01:22 PM

THANKS YAAA 200!! EXACTLY! WOOT WOOT.. i was going to just say look for javscript but i was ina good mood so i found it as well i will probally use it now myself.

...

DAN