Časovač resetuje se...

grep11 · Příspěvek od **grep11** » stř 19. čer 2013, 10:13

Dobrý den potřeboval bych pomom mám script (časovač). který funguje jak má až na to že když dám f5 vypne se a musim znova zadat datum a čas chtěl bych at to běží dokad čas nauplyne a pak se může nastavit novej. Prosím poradte.

<script type="text/javascript">

// Stop date/time must be after
// current date/time.
function dateDiff(){

// Gets a stop date/time from form 'f'
// Caution: zero validation on input
var f = document.forms['dateFields'];
var s = new Date(
f.Yr.value,
f.Mn.value - 1,
f.Dy.value,
f.Hr.value,
f.Min.value,
f.Sec.value
);

var ele = document.getElementById('result') ||
document.all('result');

var n = new Date();
if (s < n) {
ele.innerHTML = '<b>Událost nastala!!!! Přidejte další</b><br>'
return false;
}

// Diff years
var dyr = s.getFullYear() - n.getFullYear();
s.setFullYear(s.getFullYear() - dyr);
if (s < n) dyr -= 1;

// Diff months
var dmn = (s.getMonth() - n.getMonth() + 12) % 12;
s.setMonth(n.getMonth());
if (s < n) {
s.setMonth(+s.getMonth() + 1);
dmn -=1;
if (dmn < 0) dmn -= -12;
}

var tsec = Math.floor((s.getTime() - n.getTime()) / 1000);
var dsec = Math.floor(tsec % 60);
var dmin = Math.floor(tsec/60 % 60);
var dhr = Math.floor(tsec/3600 % 24);
var ddy = Math.floor(tsec/86400);

ele.innerHTML = 'Zbývá:'
+ ' ' + dyr + ' year' + addS(dyr)
+ ', ' + dmn + ' month' + addS(dmn)
+ ', ' + ddy + ' day' + addS(ddy)
+ ', ' + dhr + ' hour' + addS(dhr)
+ ', ' + dmin + ' minute' + addS(dmin)
+ ', ' + dsec + ' second' + addS(dsec);

setTimeout("dateDiff()", 200);
}

function addS(x) {
return (x != 1)? 's':'';
}

</script>

</head><body>
<form action="" name="dateFields">
<input type="text" size="8" name="Yr" value="2013">Year<br>
<input type="text" size="8" name="Mn" value="06">Month<br>
<input type="text" size="8" name="Dy" value="19">Day<br>
<input type="text" size="8" name="Hr" value="12">Hour<br>
<input type="text" size="8" name="Min" value="00">Min<br>
<input type="text" size="8" name="Sec" value="00">Sec<br>
<input type="button" value="Calc"
onclick="dateDiff()">
<input type="reset">
</form>