Aftel Script Probleem...

**Danny Verhoeven** · 20-04-2009, 19:28

Dag,

Ik heb een script afgehaalt van Leejoo.nl maar dit is zeer beperkt.

Het is een script dat afteld van 10 seconden naar 0 en dan wordt doorverwezen naar een pagina.

Maar ik wil graag dat er uren - minuten - seconden kunnen aftellen. Beginnen met 24 uur dat afteld naar 0 seconden.

Ik heb er weinig tot geen kennis hierover.

Hier de pagina wat ik tot nu toe heb: http://www.startingbusiness.nl/aftel-script.html

Zit ermee omhoog dus alvast heel erg bedankt!

Danny

**Tom Heek** · 20-04-2009, 19:37

http://www.google.nl/search?hl=nl&q=...meta=&aq=f&oq=

zoek en gij zult vinden XD

**René Vennik** · 20-04-2009, 19:39

86400 seconden in 24 uur, en gewoon elke seconde berekenen hoeveel uren, minuten en seconden dat nog zijn (zoiets denk ik):

Code:

var seconds = 86400;
function setTime() {
    hours = Math.floor(seconds/3600);
    leftSeconds = seconds % 3600;

    minutes = Math.floor(leftSeconds/60);
    leftSeconds = seconds % 3600;

    document.getElementById('div waar je het in wil').innerHTML = hours + ' uur ' + minutes + ' en ' + leftSeconds + ' seconden'

    seconds -= 1;
    setTimeout("setTime()", 1000);
}

Uit het hoofd gedaan, er zal dus wel ergens een foutje inzitten.

**Danny Verhoeven** · 20-04-2009, 19:40

Klopt er zijn er veel maar ben er nog geen tegen gekomen die de functie heeft dat je doorverwezen wordt nadat hij op 0 seconden komt en dat doet dit script wel.
Aanvullend bericht:
Dag René,

Bedankt voor je reactie maar waar moet ik deze code invoegen?

Thnx.

Origineel gepost door René Vennik

86400 seconden in 24 uur, en gewoon elke seconde berekenen hoeveel uren, minuten en seconden dat nog zijn (zoiets denk ik):

Code:

var seconds = 86400;
function setTime() {
    hours = Math.floor(seconds/3600);
    leftSeconds = seconds % 3600;
 
    minutes = Math.floor(leftSeconds/60);
    leftSeconds = seconds % 3600;
 
    document.getElementById('div waar je het in wil').innerHTML = hours + ' uur ' + minutes + ' en ' + leftSeconds + ' seconden'
 
    seconds -= 1;
    setTimeout("setTime()", 1000);
}

Uit het hoofd gedaan, er zal dus wel ergens een foutje inzitten.

**René Vennik** · 20-04-2009, 19:46

Zo moet hij prima werken!

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">
<head>

    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <script type="text/javascript">
    <!--
    var seconds = 86400;
    function setTime() {
        hours = Math.floor(seconds/3600);
        leftSeconds = seconds % 3600;

        minutes = Math.floor(leftSeconds/60);
        leftSeconds = leftSeconds % 60;

        document.getElementById('counter').innerHTML = hours + ' uur ' + minutes + ' minuten en ' + leftSeconds + ' seconden'
        
        if( seconds == 0 ) {
            // verwijs door naar andere pagina
            window.location = "http://www.google.nl/";
        }
        else{
            seconds -= 1;
            setTimeout("setTime()", 1000);
        }
    }
    //-->
    </script>

</head>
<body onload="setTime();">

<!-- Counter -->
<div id="counter"></div>

</body>
</html>

**Danny Verhoeven** · 20-04-2009, 19:57

Ik heb deze code in mijn html bestand wat moet ik weghalen en vervangen voor jou code?

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <style type="text/css">
body {
color: black;
background: white;
font: bold 18pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
div.counter {
margin-top: 20px;
color: lime;
font-size: 30pt;
cursor: default;
}
div.info {
margin: 0 auto;
text-align: left;
font-size: smaller;
width: 80%;
margin-top: 2em;
}
  </style>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>countdown</title>
</head>
<body onload="leejooRedirect('http://www.webmaster.eigenstart.nl')">
<br>
<script>
function leejooRedirect(url, msg)
{
var TARG_ID = "LEEJOO_REDIRECT";
var DEF_MSG = "Je wordt nu doorverwezen...";//hier komt de tekst die je ziet als het aftellen is afgelopen
if( ! msg )
{
msg = DEF_MSG;
}
if( ! url )
{
throw new Error('Je bent de "url" parameter vergeten');
}
var e = document.getElementById(TARG_ID);
if( ! e )
{
throw new Error('"LEEJOO_REDIRECT" element is niet gevonden');
}
var cTicks = parseInt(e.innerHTML);
var timer = setInterval(function()
{
if( cTicks )
{
e.innerHTML = --cTicks;
}
else
{
clearInterval(timer);
document.body.innerHTML = msg;
location = url; }
}, 1000);
}</script>
<div style="color: rgb(222, 6, 0);" class="counter"
 id="LEEJOO_REDIRECT">10</div>
Seconden<!-- vul hierboven het aantal seconden in .. dat je wilt dat de rederict aftelt -->
</body>
</html>

Origineel gepost door René Vennik

Zo moet hij prima werken!

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">
<head>
 
    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
    <script type="text/javascript">
    <!--
    var seconds = 86400;
    function setTime() {
        hours = Math.floor(seconds/3600);
        leftSeconds = seconds % 3600;
 
        minutes = Math.floor(leftSeconds/60);
        leftSeconds = leftSeconds % 60;
 
        document.getElementById('counter').innerHTML = hours + ' uur ' + minutes + ' minuten en ' + leftSeconds + ' seconden'
 
        if( seconds == 0 ) {
            // verwijs door naar andere pagina
            window.location = "http://www.google.nl/";
        }
        else{
            seconds -= 1;
            setTimeout("setTime()", 1000);
        }
    }
    //-->
    </script>
 
</head>
<body onload="setTime();">
 
<!-- Counter -->
<div id="counter"></div>
 
</body>
</html>

**René Vennik** · 20-04-2009, 20:04

Ik heb het al voor je geïntegreerd.

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">
<head>

    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style type="text/css">
    <!--
    body{
        font: bold 18pt Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
    }
    
    #counter{
        margin-top: 50px;
        color: #de0600;
        font-size: 30pt;
        cursor: default;
    }
    
    span{
        color: #000;
        font-size: smaller;
    }
    -->
    </style>
    
    <script type="text/javascript">
    <!--
    var seconds = 86400;
    function setTime() {
        hours = Math.floor(seconds/3600);
        leftSeconds = seconds % 3600;

        minutes = Math.floor(leftSeconds/60);
        leftSeconds = leftSeconds % 60;

        document.getElementById('counter').innerHTML = hours + ' <span>uur</span> ' + minutes + ' <span>minuten en</span> ' + leftSeconds + ' <span>seconden</span>'
        
        if( seconds == 0 ) {
            // verwijs door naar andere pagina
            document.getElementById('counter').innerHTML = "<span>Je wordt nu doorverwezen...</span>";
            setTimeout("window.location = 'http://www.google.nl/'", 1500);
        }
        else{
            seconds -= 1;
            setTimeout("setTime()", 1000);
        }
    }
    //-->
    </script>

</head>
<body onload="setTime();">

<!-- Counter -->
<div id="counter"></div>

</body>
</html>

Aftel Script Probleem...