Witam serdecznie, dobry wieczór

Od pewnego czasu raczkując uczę się - bo inaczej nie można tego nazwać - robić cokolwiek więcej niż tylko ustawiać ramki
i wklejać obrazki.
Budując moję dzieła staram się korzystać z wielu różnych sposobów, używać HTML, JS, PHP i czego tam się jeszcze da
do robienia przeróżnych dziwnych czasem rzeczy i efekt powoli zaczyna być dostrzegalny. Coś tam mi z tego zaczyna wychodzić

Ale dość tego samochwalstwa, potrzebuję podpowiedzi jak używając JS obliczyć czas, nie będę owijał tylko powiem o co mi chodzi, mianowicie:
przychodzi koleś do roboty np w poniedziałek o godzinie 10:00 i kończy o 18:30
we wtorek o 10:30 i pracuje do 19:00
we środę od 9:00 do 17:00
itd aż do niedzieli bo przecież praca nie hańbi.
no, i teraz chciałbym w formularzu wprowadzić poszczególne godziny/dni pracy i otrzymać wyniki ile godzin każdego dnia pracował plus podsumowanie
całego tygodnia które pozniej zostanie zapisane do bazy.

[HTML] pobierz, plaintext 
<div class="table" id="1"><table border="0"><tr>
<td nowrap="nowrap"> </td>
<td align="center" nowrap="nowrap"><a class="button"><span>Start</span></a></td>
<td align="center" nowrap="nowrap"><a class="button"><span>End</span></a></td>
<td align="center" nowrap="nowrap"><a class="button"><span>Breaks</span></a></td>
<td align="center" nowrap="nowrap"><a class="button"><span>hours total:</span></a></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button"><span>Monday</span></a></td>
<td size="10" nowrap="nowrap"><form method="POST" id="week"><input align="center" size="10" name="mondays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="mondaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="mondayb" type="text"/></td>
<td nowrap="nowrap"><?php    $mmo = new DateTime($_POST['mondays']);
  $tmo = new DateTime($_POST['mondaye']);
    $dmo = $mmo->diff($tmo);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dmo->h . ' hour ';
    echo ' ' . $dmo->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dmo->h.':'.$dmo->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button"><span>Tuesday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="tuesdays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="tuesdaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="tuesdayb" type="text"/></td>
<td nowrap="nowrap"><?php    $mtu = new DateTime($_POST['tuesdays']);
  $ttu = new DateTime($_POST['tuesdaye']);
    $dtu = $mtu->diff($ttu);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dtu->h . ' hour ';
    echo ' ' . $dtu->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dtu->h.':'.$dtu->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button"><span>Wednesday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="wednesdays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="wednesdaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="wednesdayb" type="text"/></td>
<td nowrap="nowrap"><?php    $mwe = new DateTime($_POST['wednesdays']);
  $twe = new DateTime($_POST['wednesdaye']);
    $dwe = $mwe->diff($twe);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dwe->h . ' hour ';
    echo ' ' . $dwe->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dwe->h.':'.$dwe->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button"><span>Thursday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="thursdays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="thursdaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="thursdayb" type="text"/></td>
<td nowrap="nowrap"><?php    $mth = new DateTime($_POST['thursdays']);
  $tth = new DateTime($_POST['thursdaye']);
    $dth = $mth->diff($tth);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dth->h . ' hour ';
    echo ' ' . $dth->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dth->h.':'.$dth->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button"><span>Friday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="fridays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="fridaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="fridayb" type="text"/></td>
<td nowrap="nowrap"><?php    $mfr = new DateTime($_POST['fridays']);
  $tfr = new DateTime($_POST['fridaye']);
    $dfr = $mfr->diff($tfr);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dfr->h . ' hour ';
    echo ' ' . $dfr->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dfr->h.':'.$dfr->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button1"><span>Saturday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="saturdays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="saturdaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="saturdayb" type="text"/></td>
<td nowrap="nowrap"><?php    $msa = new DateTime($_POST['saturdays']);
  $tsa = new DateTime($_POST['saturdaye']);
    $dsa = $msa->diff($tsa);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dsa->h . ' hour ';
    echo ' ' . $dsa->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dsa->h.':'.$dsa->i; ?></td>
</tr>
<tr>
<td nowrap="nowrap"><a class="button1"><span>Sunday</span></a></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="sundays" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="sundaye" type="text"/></td>
<td size="10" nowrap="nowrap"><input align="center" size="10" name="sundayb" type="text"/></td>
<td nowrap="nowrap"><?php    $msu = new DateTime($_POST['sundays']);
  $tsu = new DateTime($_POST['sundaye']);
    $dsu = $msu->diff($tsu);
    //echo 'Worked hours: ';
    //echo ' ' . $d->days . ' day ';
    echo ' ' . $dsu->h . ' hour ';
    echo ' ' . $dsu->i . ' minutes ';
    //echo ' ' . $d->s . ' seconds ';
?><?php echo ''.$dsu->h.':'.$dsu->i; ?></td>
</tr><input type="submit" name="submit" value="Submit"/></form>
</table></div>
[HTML] pobierz, plaintext 

tu jest częściowo zrobione ale w php a ja chciałbym to w JS żeby mi natychmiast po wprowadzeniu danych pokazywało czas pracy
a nie dopiero po przesłaniu danych z formularza.

Proszę jeśli możecie wklepać mi przykład z uwzględnieniem "inputów" co bym nie kombinował gdzie i w jaki sposób wpisać.

Pozdrawiam
phpamator

No to google + "time operation js" i szukasz podobnych funkcji jak te w PHP.

Jeśli czegoś nie rozumiesz napisz czego konkretnie, to wtedy z chęcią pomożemy. Na razie wygląda na to, że nawet nie spróbowałeś samemu rozwiązać problem.

Hej,
No powiem szanownemu koledze, że nawet sie pokwapiłem ale nie bardzo kumam co do czego.
I tu na podkładkę przykład z sieci który znalazłem:

[javascript]
std = knownEndTime - knownStartTime; // set a standard time interval for your comparison.
diffo = end - start; if (diffo > std) { // code for diffo is greater than the standard interval
}else {
// code for diffo is less than or equal to the standard interval
}
std = knownEndTime - knownStartTime; // set a standard <strong class="highlight">time</strong> interval for your comparison.
diffo = end - start;
if (diffo > std) {
// code for diffo is greater than the standard interval
}
else {
// code for diffo is less than or equal to the standard interval
}
[javascript]

Znowu rzucasz kodem, który nic nie znaczy. Wziąłeś fragment z internetu i uważasz, że Twoja rola się skończyła...

Zróbmy inaczej...
Napisz sam cały skrypt w JS, a to czego nie umiesz zrobić opisz np.

[JAVASCRIPT] pobierz, plaintext 
var dataStart = ..... /*Nie umiem pobrać wartości daty z inputa o id="test"*/
///////////////
if( .... ) /*tu warunek sprawdzający blabla - próbowałem użyć blabla funkcji, ale chyba tego dobrze nie rozumiem blabla mógłbyś opisać blabla */
[JAVASCRIPT] pobierz, plaintext 

Wtedy sam wiele się nauczysz, a i my skupimy się na sednie problemu, a nie na pisaniu dla Ciebie całego kodu(forum ma pomagać, a nie dawać gotowce )

Pozdrawiam