Aftellertje script - Hulp nodig!

Door Machiel K op 24-06-2012 15:29 gewijzigd op 24-06-2012 15:29

1.876 views

Hallo, ik heb het volgende script van internet geplukt dat van 10 naar 0 aftelt:

<?php
<form name="redirect">
<form>
<input type="text" size="3" name="redirect2">
</form>
seconde</b></font>

<script>
var targetURL="http://domeinnaam.nl"
var countdownfrom=10

var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}

countredirect()
//-->
</script>

?>

Nu is dus het aftellen in een input vakje. Hoe kan ik dit veranderen dat het wel blijft aftellen naar 0 maar dat het gewoon als normale tekst zonder input vak of iets dergelijks er komt te staan.

Alvast bedankt.

Eddy E

24-06-2012 16:25 gewijzigd op 24-06-2012 16:25

Met jQuery:

var sec = $('#timer').text()
var timer = setInterval(function() { 
   $('#timer').text(--sec);
   if (sec == 0) {
      $('#timer').fadeOut('fast');
      clearInterval(timer);
   } 
}, 1000);

Voorbeeld: http://jsfiddle.net/6ubqv/

En dan kan je het in een <div>, <span>, <b> of wat dan ook doen, zolang het maar het id="timer" meekrijgt.
<input> en .text weet ik niet of het werkt, maar dat is even proberen.

Wouter J

24-06-2012 16:39

Of gewoon zonder jQuery:

<p>Nog: <span id=teller></span> seconden!!</p>
<script>

(function() {
    var origin = document.getElementById('teller'),
        sec = 10;

    (function teller() {
        origin.innerText = --sec;
        if (sec > 0) {
            setTimeout(teller, 1000);
        }
    })();
})();
?</script>

Machiel K

24-06-2012 16:44 gewijzigd op 24-06-2012 16:55

@ Eddy Erkelens : Hoe zet ik de

var sec = $('#timer').text()
var timer = setInterval(function() {
$('#timer').text(--sec);
if (sec == 0) {
$('#timer').fadeOut('fast');
clearInterval(timer);
}
}, 1000);[/php]

In mijn .php bestand? Als <script> .. </script> werkt hij niet.

Eddy E

24-06-2012 22:10

Euh, als <script></script> inderdaad.
Maar wel onderaan (in elk geval, onder je <... id="timer"></...>

Kan er ook boven, maar dan moet het wel in een document.onLoad ( << fout getypt, goed bedoeld)

Ykcin Ykcin

29-06-2012 20:49

@ Machiel, de script tags moeten dus buiten je php code

Bijvoorbeeld:


// index.php
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<title>Titel</title>
</head>

<body>
<?php
    echo 'PHP code hier';
?>

<!-- Script tags buiten de PHP tags -->
<script type="text/javascript" lang="javascript">
    var sec = $('#timer').text()
    var timer = setInterval(function() {
        $('#timer').text(--sec);
        if (sec == 0) {
            $('#timer').fadeOut('fast');
            clearInterval(timer);
        }
    }, 1000);  
</script>
</body>
</html>

Reageren

Inloggen om te reageren