Timer van 60 seconden
<h1>Timer van 60 seconden</h1>
<script language="Javascript">
var tijd = 60;
var teller = setInterval(function()
{
if(tijd <= 0){
clearInterval(teller);
}
if(tijd == 0)
{
alert("Game over!");
}
// progresbas en tijd in een hiddenfield.
document.getElementById("status").value = 60 - tijd;
document.getElementById("tijd").value = 60 - tijd;
tijd -= 1; }, 1000);
</script>
<form method="post">
<progress value="0" max="60" id="status"></progress>
<input type="hidden" id="tijd" name="tijd">
<input type="submit" id="knop" value="Klaar!">
</form>
<?
if(isset($_POST['tijd']))
{
$tijd = $_POST['tijd'];
// 60 seconden min de tijd is de score.
$score = 60 - $tijd;
echo "De score is: $score ";
echo "je hebt er $tijd seconden over gedaan.";
// deze waarden kun je met een INSERT in de database zetten.
}
//bron weergeven
show_source(__FILE__);
?>