Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum. Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden. Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!

We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.

Team Webprofis

Aftellen en redirect mbv javascript

bewerkt ma 4 apr 2016 in Tutorials & Scripten Posts: 879
Auteur: nuet

Demo


Hieronder vind je een javascriptje met een teller dat er na x seconden een redirect plaatsvind naar een andere pagina.
Is de teller bij 0, dan vind er een doorverwijzing(redirect) plaats

<script type="text/javascript">
/* aftellen */
window.onload = function() {
var countdownElement = document.getElementById('countdown'),

seconds = 10, // aftellen vanaf 10 sec
second = 0,
interval;

interval = setInterval(function() {
countdownElement.firstChild.data = 'Uw wordt automatisch doorgestuurd over ' + (seconds - second) + ' seconden...';
if (second >= seconds) {
clearInterval(interval);

}

second++;
}, 1000);
}

/* de redirect */
redirectTime = "10000";
redirectURL = "http://www.google.com";
function timedRedirect() {
setTimeout("location.href = redirectURL;",redirectTime);
}
timedRedirect();

</script>

<!-- in deze div vindt het aftellen plaats -->
<div id="countdown"> </div><br /><br />

Dit Topic is gesloten.