Aftellertje script - Hulp nodig!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<?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>
?>
<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.
Gewijzigd op 24/06/2012 15:29:28 door Machiel K
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
var sec = $('#timer').text()
var timer = setInterval(function() {
$('#timer').text(--sec);
if (sec == 0) {
$('#timer').fadeOut('fast');
clearInterval(timer);
}
}, 1000);
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.
Gewijzigd op 24/06/2012 16:25:58 door Eddy E
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>
<script>
(function() {
var origin = document.getElementById('teller'),
sec = 10;
(function teller() {
origin.innerText = --sec;
if (sec > 0) {
setTimeout(teller, 1000);
}
})();
})();
?</script>
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.
Gewijzigd op 24/06/2012 16:55:40 door Machiel K
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)
Bijvoorbeeld:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// 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>
<!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>
