javascript countdown timer

**Mark St** · 04-01-2011, 08:26

hallo iedereen!

ik ben op zoek naar een script voor een countdowntimer, het liefst in javascript, heeft iemand er 1 liggen, of kan iemand mij hierbij helpen? het scriptje moet een teller laten zien en als deze afgelopen is, moet hij een php bestand opvragen.

met vriendelijke groet,

Mark

**Marcel van Vrouwerf** · 04-01-2011, 08:29

Countdown in de zin van: nog 20, 19, 18 .... tot uw download begint, óf
Nog 15 minuten, 16 seconden tot [bepaalde ingestelde tijd] ?

**Mark St** · 04-01-2011, 08:33

Origineel gepost door Marcel van Vrouwerf

Countdown in de zin van: nog 20, 19, 18 .... tot uw download begint, óf
Nog 15 minuten, 16 seconden tot [bepaalde ingestelde tijd] ?

Het is een iq test, mensen moeten een bepaalde tijd hebben om de test in te vullen, zodra de tijd op is moet iq.php opgevraagd worden om de score te geven met de tot nu toe ingevulde bestanden.

**Marcel van Vrouwerf** · 04-01-2011, 08:52

Iets als dit?

http://www.webdeveloper.com/forum/sh...ad.php?t=52388

edit: is alleen de timer, je ziet de countdown zelf niet; dus dat moet er dan nog in

**Mark St** · 04-01-2011, 08:58

ziet er goed uit maar een countdown timer die visueel is is eigenlijk wel erg nodig, aangezien het een iq test is.. iemand anders suggesties of een script dat met bovenstaande te combineren is?

**Marcel van Vrouwerf** · 04-01-2011, 09:07

ben er nu mee bezig....
Aanvullend bericht:
ik loop tegen wat probleempjes aan, dus als iemand anders in de tussentijd wat heeft: graag...
Aanvullend bericht:
Er is één probleempje om een ID valid te krijgen maar kijk eens naar dit:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Content-Style-Type" content="text/css" />
<title>IQ test</title>
</head>
<!-- hieronder in 0,001 seconden: 1000 = 1 seconde -->
<body onload="setTimeout ('document.forms[0].submit()', 10000)"> 
<script type="text/javascript">
// (in seconden)
var countDownInterval=10;
</script>



<script type="text/javascript">

var countDownTime=countDownInterval+1;
function countDown(){
countDownTime--;
if (document.getElementById)
document.getElementById("teller").innerHTML=countDownTime+" "
counter=setTimeout("countDown()", 1000); // we geven één seconde gratis voor laadtijd, danwel reactietijd
}

function starttijd(){
if (document.all||document.getElementById)
document.write('Resterende tijd: <span id="teller">'+countDownTime+' </span>')
countDown()
}

if (document.all||document.getElementById)
starttijd()
else
window.onload=starttijd
</script>

<form method="post" action="iq.php">
<p>
Vraag 1: <br />
<input type="radio" name="vr1" /> ja<br />
<input type="radio" name="vr1" /> nee<br />
<input type="radio" name="vr1" /> misschien<br />
<input type="radio" name="vr1" /> weet ik niet<br />
<input type="submit" value="bereken mijn IQ" name="Verstuurknop" /></p>
</form>
</body>
</html>

Kan zijn dat er overbodige code aanwezig is; ik ben hergebruiker van code die ik hier heb.

**Mark St** · 04-01-2011, 10:19

Heel erg bedankt, als het je lukt Marcel, regel ik graag 6 pr2+ blog comment backlinks gratis voor je!

**Marsmania** · 04-01-2011, 10:48

http://keith-wood.name/countdown.html

javascript countdown timer