Tijdnotatie Javascript counter
Met Javascript heb ik een timer gemaakt die aftelt naar een specifieke datum.
In principe werkt het maar de tijdnotatie zou ik willen veranderen.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
window.addEventListener('load', function () {
var test = new Date() . getTime();
var enddate = new Date( "2021-04-24T00:00" ).getTime();
var countdown = setInterval(function() {
var datetime_now = new Date() . getTime();
var time_left = enddate - datetime_now;
var days = Math.floor(time_left / (1000 * 60 * 60 * 24));
var hours = Math.floor((time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((time_left % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((time_left % (1000 * 60)) / 1000);
document.getElementById("counter").innerHTML = days + "d " + hours + ":"
+ minutes + ":" + seconds;
if (time_left < 0) {
clearInterval(countdown);
document.getElementById("counter").innerHTML = "Tijs is om";
}
}, 1000);
});
</script>
window.addEventListener('load', function () {
var test = new Date() . getTime();
var enddate = new Date( "2021-04-24T00:00" ).getTime();
var countdown = setInterval(function() {
var datetime_now = new Date() . getTime();
var time_left = enddate - datetime_now;
var days = Math.floor(time_left / (1000 * 60 * 60 * 24));
var hours = Math.floor((time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((time_left % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((time_left % (1000 * 60)) / 1000);
document.getElementById("counter").innerHTML = days + "d " + hours + ":"
+ minutes + ":" + seconds;
if (time_left < 0) {
clearInterval(countdown);
document.getElementById("counter").innerHTML = "Tijs is om";
}
}, 1000);
});
</script>
Op het moment dat de uren, minuten of de secondes minder dan 10 is, is de tijdnotatie bijvoorbeeld 1:12:32 (1 uur 12 min en 32 seconden) of 23:1:9 (23 uur 1 min en 9 seconden).
Wat ik graag zou willen is op het moment als het onder de 10 is en dus de tijd over gaat op 1 getal dat er een 0 voor staat.
Dan zouden bovenstaande tijden er zo uitzien
01:12:32
23:01:09
Werk ik dan met een if statement of kan dit op een andere / simpelere manier?
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script type="text/javascript">
window.addEventListener('load', function () {
var test = new Date() . getTime();
var enddate = new Date( "2021-04-24T00:00" ).getTime();
var countdown = setInterval(function() {
var datetime_now = new Date() . getTime();
var time_left = enddate - datetime_now;
var days = Math.floor(time_left / (1000 * 60 * 60 * 24));
var hours = Math.floor((time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((time_left % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((time_left % (1000 * 60)) / 1000);
hours = hours < 10 ? "0" + hours : hours; //toegevoegd
minutes = minutes < 10 ? "0" + minutes : minutes; //toegevoegd
seconds = seconds < 10 ? "0" + seconds : seconds; //toegevoegd
document.getElementById("counter").innerHTML = days + "d " + hours + ":"
+ minutes + ":" + seconds;
if (time_left < 0) {
clearInterval(countdown);
document.getElementById("counter").innerHTML = "Tijs is om";
}
}, 1000);
});
</script>
window.addEventListener('load', function () {
var test = new Date() . getTime();
var enddate = new Date( "2021-04-24T00:00" ).getTime();
var countdown = setInterval(function() {
var datetime_now = new Date() . getTime();
var time_left = enddate - datetime_now;
var days = Math.floor(time_left / (1000 * 60 * 60 * 24));
var hours = Math.floor((time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((time_left % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((time_left % (1000 * 60)) / 1000);
hours = hours < 10 ? "0" + hours : hours; //toegevoegd
minutes = minutes < 10 ? "0" + minutes : minutes; //toegevoegd
seconds = seconds < 10 ? "0" + seconds : seconds; //toegevoegd
document.getElementById("counter").innerHTML = days + "d " + hours + ":"
+ minutes + ":" + seconds;
if (time_left < 0) {
clearInterval(countdown);
document.getElementById("counter").innerHTML = "Tijs is om";
}
}, 1000);
});
</script>
Bert Lodewijks op 23/04/2021 01:11:17:
document.getElementById("counter").innerHTML = "Tijs is om";
Bedoel je Tijs is omgelegd of tijd is om? :)
Jan
Code (php)
1
2
3
4
2
3
4
function pad( num, size ) {
var s = "0000" + num;
return s.substr( s.length - size );
}
var s = "0000" + num;
return s.substr( s.length - size );
}
en verander dan dit :
Code (php)
1
var hours = Math.floor( ( time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
in dit :
Code (php)
1
var hours = pad( Math.floor( ( time_left % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 2 );
Vergelijkbare regels ook aanpassen.
Kwam 27 uur geleden via dit :
https://www.google.com/search?q=javascript+opvullen+met+nullen
bij de uitleg :
http://domoticx.com/javascript-voorloopnullen-toevoegen-aan-een-getal/
Gewijzigd op 24/04/2021 10:07:44 door Adoptive Solution