Hejsa
Jeg står og mangler en simpel stopwatch-agtig funktion, som
starter omtællingen via onClick på <div id="start"> og som pauser
ved tryk på <div id="pause"> og således forsætter optællingen
igen ved tryk på <div id="start">.
Har fundet et javascript som næsten lever op til mit behov:
<head>
<script type="text/javascript">
var timerRunning = false;
var timerID = null;
var initial = new Date();
function start_clock() {
document.forms['clock'].stop.value = "stop";
document.forms['clock'].stop.onclick = stop;
initial=new Date();
if( document.forms['clock'].displayScreen.value ) {
var t2 =
String(document.forms['clock'].displayScreen.value).split(":");
initial.setHours( initial.getHours() - parseInt(t2[0]) );
initial.setMinutes( initial.getMinutes() - parseInt(t2[1]) );
initial.setSeconds( initial.getSeconds() - parseInt(t2[2]) );
t1=t2=null;}
startTime = initial.getTime();
stopTimer();
showTimer();}
function stop() {
document.forms['clock'].start.value = "start";
document.forms['clock'].start.onclick = start_clock;
stopTimer();}
function stopTimer() {
if (timerRunning)
clearTimeout(timerID)
timerRunning = false}
function showTimer() {
var current = new Date();
var curTime = current.getTime();
var dif = curTime - startTime;
var result = dif / 1000;
if (result < 1)
result = "0" + result;
result = parseFloat(result.toString());
var hrs = parseInt(result/3600);
var mins = parseInt(result/60);
var secs = (parseInt(result)%1000);
hrs = (hrs < 10) ? "0" + hrs: hrs;
mins = ((mins%60) < 10) ? "0" + mins%60: mins%60;
secs = String(secs).split(".");
var secs = (parseInt(secs[0]%60) < 10) ? "0" + secs[0]%60 :
secs[0]%60;
document.forms['clock'].displayScreen.value =
hrs+":"+mins+":"+secs;
timerID = setTimeout("showTimer()", 0);
timerRunning = true;}
</script>
</head>
<body>
<form name="clock">
<input type="text" name="displayScreen" value="00:00:00"
onFocus="this.blur()" size="20">
<input type="button" name="start" value="start"
onClick="start_clock();">
<input type="button" name="stop" value="stop"
onClick="start_clock();">
</form>
</body>
.. det eneste problem er, at jeg har brug for at der ikke er en
formular involveret, og altså udelukkende opereres med
div-layers.
Håber nogen kan hjælpe mig med min efterspørgsel
Venligst Ace
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials