text uppdateras

Hej. Jag vill kunna uppdatera en liten text i redigeringens gång. Dvs när jag skriver in t.ex 60 i en input så uppdateras en text på sidan och räknar dagens datum + 60 sekunder. Jag vill även göra detta så man slipper refresh på sidan.

ex. i <input name="add_time" type="text" /> skriver användaren 60. Då ska en text på önskad ställe räkna ihop dagen datum (unixstamp) + 60 och visa det utan att refresha.

Jag kodar i PHP om det är relevant.

Jag blev inte riktigt klok på om du vill hämta aktuell tid när man har fyllt i textrutan eller använda den tid man hämtade sidan.

Två varianter:

<script type="text/javascript">
function updateTime(addSec, toObj) {
   var timeStamp = Math.floor((new Date()).getTime() / 1000);
   timeStamp += addSec || 0;

   toObj.value = timeStamp;
}
</script>

...

<form>
<p>Skriv in:
   <input type="text" onchange="updateTime(parseInt(this.value), this.form.t)" /></p>
<p>Aktuell tid plus lite till
   <input type="text" name="t" /></p>
</form>

<script type="text/javascript">
var currentTime = Math.floor((new Date()).getTime() / 1000);

function updateTime(addSec, toObj) {
   var timeStamp = currentTime;
   timeStamp += addSec || 0;

   toObj.value = timeStamp;
}
</script>

Om du vill kan du låta PHP skriva ut currenTime istället.

Anledningen till att jag delar med 1000 är att getTime() returnerar antalet millisekunder och inte hela sekunder.