[JS] Aftellen naar middernacht
Ik zoek een script welke elke dag aftelt naar 00:00. Deze heb ik gevonden.
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
30
31
32
33
34
35
36
37
38
39
40
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
30
31
32
33
34
35
36
37
38
39
40
<script>
function Display(hour,min,sec) {
var disp;
if(hour<=9)
disp=" 0";
else
disp=" ";
disp+=hour+":";
if(min<=9)
disp+="0"+min;
else
disp+=min;
disp+=":";
if(sec<=9)
disp+="0"+sec;
else
disp+=sec;
return(disp);
}
function Down() {
// Dit is nog even zoeken
var Today = new Date();
chour2=23 - Today.getHours();//Uren tot 00:00
cmin2=60 - Today.getMinutes();//Minuten tot 00:00
csec2=60 - Today.getSeconds();//Resterende secondes tot 00:00
DownRepeat();
}
function DownRepeat() {
csec2--;
if(cmin2==-1) { cmin2=59; chour2--; }
if(csec2==-1) { csec2=59; cmin2--; }
document.form.display.value=Display(chour2,cmin2,csec2);
if((chour2==0)&&(cmin2==0)&&(csec2==0))
alert("Het is 00:00");
else
down=setTimeout("DownRepeat()",1000);
}
</script>
function Display(hour,min,sec) {
var disp;
if(hour<=9)
disp=" 0";
else
disp=" ";
disp+=hour+":";
if(min<=9)
disp+="0"+min;
else
disp+=min;
disp+=":";
if(sec<=9)
disp+="0"+sec;
else
disp+=sec;
return(disp);
}
function Down() {
// Dit is nog even zoeken
var Today = new Date();
chour2=23 - Today.getHours();//Uren tot 00:00
cmin2=60 - Today.getMinutes();//Minuten tot 00:00
csec2=60 - Today.getSeconds();//Resterende secondes tot 00:00
DownRepeat();
}
function DownRepeat() {
csec2--;
if(cmin2==-1) { cmin2=59; chour2--; }
if(csec2==-1) { csec2=59; cmin2--; }
document.form.display.value=Display(chour2,cmin2,csec2);
if((chour2==0)&&(cmin2==0)&&(csec2==0))
alert("Het is 00:00");
else
down=setTimeout("DownRepeat()",1000);
}
</script>
Maar hoe krijg ik apart de uren, minuten en seconden op een webpagina?
Ik wil gewoon: nog xx uur, xx minuten en xx seconden tot 00:00...
Offtopic:
Ja, ik moet echt eens een cursus javascript gaan doen want ik heb het steeds vaker nodig.
Gewijzigd op 20/06/2011 12:02:15 door Bram Boos
- SanThe - op 20/06/2011 12:21:23:
Die pagina stopt halverwege met laden... Zou je de code kunnen kopieeren?
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
<!--
NewTime = new Date();
<?php
$nu=time();
$uur=strval($_POST['uur']);
if($uur<=0) { $uur=date("H", $nu); };
$minuut=strval($_POST['minuut']);
if($minuut<=0) { $minuut=date("i", $nu); };
$seconde=strval($_POST['seconde']);
if($seconde<=0) { $seconde=date("s", $nu); };
?>
NewTime.setHours(NewTime.getHours() - <?php print(date('H')." + ".$uur.")\n"); ?>
NewTime.setMinutes(NewTime.getMinutes() - <?php print(date('i')." + ".$minuut.")\n"); ?>
NewTime.setSeconds(NewTime.getSeconds() - <?php print(date('s')." + ".$seconde.")\n"); ?>
NewHours = NewTime.getHours();
NewMinutes = NewTime.getMinutes();
NewSeconds = NewTime.getSeconds();
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
};
function StartClock24() {
TheTime = new Date();
TheTime.setHours(NewHours - TheTime.getHours());
TheTime.setMinutes(NewMinutes - TheTime.getMinutes());
TheTime.setSeconds(NewSeconds - TheTime.getSeconds());
document.clock.showTime.value = showFilled(TheTime.getHours())
+ ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000);
};
//-->
</script>
<body onLoad="StartClock24()">
Nog te gaan tot
<?php
printf("%02d", $uur);
print(":");
printf("%02d", $minuut);
print(":");
printf("%02d", $seconde);
?>
(Servertijd)<br>
<form name=clock>
<input type='text' name='showTime' size='8' maxlength='8'
style='border: solid 2px; border-color: #FF0000; font-size: 10px;
color: #FFFF00; background-color: #000000; font-weight: bold;'>
</form>
<form method="POST" action=""><br>
<input type="text" name="uur" size="2" maxlength="2"> uur<br>
<input type="text" name="minuut" size="2" maxlength="2"> minuut<br>
<input type="text" name="seconde" size="2" maxlength="2"> seconde<br>
<input type="submit" value="Verzenden">
</form>
<!--
NewTime = new Date();
<?php
$nu=time();
$uur=strval($_POST['uur']);
if($uur<=0) { $uur=date("H", $nu); };
$minuut=strval($_POST['minuut']);
if($minuut<=0) { $minuut=date("i", $nu); };
$seconde=strval($_POST['seconde']);
if($seconde<=0) { $seconde=date("s", $nu); };
?>
NewTime.setHours(NewTime.getHours() - <?php print(date('H')." + ".$uur.")\n"); ?>
NewTime.setMinutes(NewTime.getMinutes() - <?php print(date('i')." + ".$minuut.")\n"); ?>
NewTime.setSeconds(NewTime.getSeconds() - <?php print(date('s')." + ".$seconde.")\n"); ?>
NewHours = NewTime.getHours();
NewMinutes = NewTime.getMinutes();
NewSeconds = NewTime.getSeconds();
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
};
function StartClock24() {
TheTime = new Date();
TheTime.setHours(NewHours - TheTime.getHours());
TheTime.setMinutes(NewMinutes - TheTime.getMinutes());
TheTime.setSeconds(NewSeconds - TheTime.getSeconds());
document.clock.showTime.value = showFilled(TheTime.getHours())
+ ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000);
};
//-->
</script>
<body onLoad="StartClock24()">
Nog te gaan tot
<?php
printf("%02d", $uur);
print(":");
printf("%02d", $minuut);
print(":");
printf("%02d", $seconde);
?>
(Servertijd)<br>
<form name=clock>
<input type='text' name='showTime' size='8' maxlength='8'
style='border: solid 2px; border-color: #FF0000; font-size: 10px;
color: #FFFF00; background-color: #000000; font-weight: bold;'>
</form>
<form method="POST" action=""><br>
<input type="text" name="uur" size="2" maxlength="2"> uur<br>
<input type="text" name="minuut" size="2" maxlength="2"> minuut<br>
<input type="text" name="seconde" size="2" maxlength="2"> seconde<br>
<input type="submit" value="Verzenden">
</form>
Alternatief voor input field, iemand?
Bram Boos op 20/06/2011 17:14:50:
Maar het staat nu in een input field en als ik document.write gebruik loopt de tijd niet door, kan dit anders?
Door een boek over javascript open te slaan.
Je wilt een element aanpassen lijkt mij (want het moet aftellen), dus dan gaat schrijven niet werken. Zelf had je ook op het idee kunnen komen dat je die input gewoon weg had kunnen halen en er een span van te maken (misschien nog een ding aanpassen ofzo, maar dat wijst zichzelf).
Karl Karl op 05/07/2011 15:19:44:
Door een boek over javascript open te slaan.
Je wilt een element aanpassen lijkt mij (want het moet aftellen), dus dan gaat schrijven niet werken. Zelf had je ook op het idee kunnen komen dat je die input gewoon weg had kunnen halen en er een span van te maken (misschien nog een ding aanpassen ofzo, maar dat wijst zichzelf).
Bram Boos op 20/06/2011 17:14:50:
Maar het staat nu in een input field en als ik document.write gebruik loopt de tijd niet door, kan dit anders?
Door een boek over javascript open te slaan.
Je wilt een element aanpassen lijkt mij (want het moet aftellen), dus dan gaat schrijven niet werken. Zelf had je ook op het idee kunnen komen dat je die input gewoon weg had kunnen halen en er een span van te maken (misschien nog een ding aanpassen ofzo, maar dat wijst zichzelf).
Als het zo simpel was dan was ik hier niet geweest... Maar ik zal eens verder gaat proberen.