Additionsproblem

[Frank]

Hi Leute.
Ich arbeite grad an einem Zähler.
Um alles zu vereinfachen seht der Zähler in einem inputfeld mit der id "count"
Der Zähler hat folgendes Format:
00:00:00
beim kick auf einen link (<a href="javascript:...">...) soll er sich nun auf eins erhöhen:
00:00:01
00:00:02

bzw. wenn er bei 00:00:59 ankommt als nächstes 00:01:00.

Mit der 00:00:59 und dann 00:01:00 sache hab ich kein problem (lässt sich ja mit if lösen). Mein problem liegt darin, den Zähler zu erhöhen.
Bis jetzt habe ich es so versucht:

function startcount()
{
var counternow = document.getElementById('count').value;
var c_array = counternow.split(":");
var stunde = c_array[0];
var minute = c_array[1];
var sekunde = c_array[2];
sekunde = sekunde + 1;
document.getElementById('count').value = stunde+":"+minute+":"+sekunde;
}

das Problem ist, dass sich nun nach jedem klick einfach eine 1 ranhängt, anstatt dass sie dazu gezählt wird. also so:
00:00:00
00:00:001
00:00:0011
...

Habt ihr eine Idee, wie man diese Addition hinbekommt?

 

[Prophet]

Versuch mal folgendes:

sekunde = Number(sekunde) + 1;

Falls das nicht funktionieren sollte:

sekunde = Number(sekunde);
sekunde++;

Siehe dazu auf SelfHTML:
> http://de.selfhtml.org/javascript/objekte/number.htm
> http://de.selfhtml.org/javascript/objekte/string.htm

 

[Frank]

danke hab das jetzt so gelöst:

function startcount()
{
var counternow = document.getElementById('count').value;
var c_array = counternow.split(":");
var stunde = parseFloat(c_array[0]);
var minute = parseFloat(c_array[1]);
var sekunde = parseFloat(c_array[2]);
sekunde = sekunde + 1;
if (sekunde == 60)
{
sekunde = 0;
minute = minute + 1;
}
if (minute == 60)
{
minute = 0;
stunde = stunde + 1;
}
document.getElementById('count').value = stunde+":"+minute+":"+sekunde;
window.setTimeout("restart()", 1000);
}

function restart()
{
startcount();
}

<a href="javascript:startcount();">starten</a>