JS tijd
Ik wil op mijn website graag een functie dat de tijd ergens op mijn website staat. En dat hij alleen het jaar, maand, dag, uur en minuten pakt. En als er een volgende minuut is dat het gelijkt geupdate is.. Dus gelijk updaten van de tijd. Bij het programmeer programma hebben ze ook zo'n soort timer, die dan de tijd aangeeft wat het nu is. Ik heb geen flauw benul hoe ik dit moet opzoeken, dus enige ideeën?
http://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock
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
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
function voegNulToe(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function tijdWeergeven() {
//variabelen aanmaken om de tijd weer te geven
var vandaag = new Date();
var uur = vandaag.getHours();
var minuut = vandaag.getMinutes();
var seconden = vandaag.getSeconds();
var dag = ['Zondag','Maandag','Dinsdag','Woensdag','Donderdag','Vrijdag','Zaterdag'];
var maand = ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December'];
//nul wordt hier toegevoegd als minuut en seconden kleiner zijn dan 10
minuut = voegNulToe(minuut);
seconden = voegNulToe(seconden);
//Print het resultaat naar een element met het ID "tijd" (in je HTML)
document.getElementById('tijd').innerHTML = "Het is vandaag " + dag[vandaag.getDay()] + " " + vandaag.getDate() + " " + maand[vandaag.getDay()] + " om " + uur + ":" + minuut + ":" + seconden;
//Update de time elke 1000 miliseconden (1 seconde)
t = setTimeout(function () {
tijdWeergeven()
}, 1000);
}
//Start de functie
tijdWeergeven();
if (i < 10) {
i = "0" + i;
}
return i;
}
function tijdWeergeven() {
//variabelen aanmaken om de tijd weer te geven
var vandaag = new Date();
var uur = vandaag.getHours();
var minuut = vandaag.getMinutes();
var seconden = vandaag.getSeconds();
var dag = ['Zondag','Maandag','Dinsdag','Woensdag','Donderdag','Vrijdag','Zaterdag'];
var maand = ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December'];
//nul wordt hier toegevoegd als minuut en seconden kleiner zijn dan 10
minuut = voegNulToe(minuut);
seconden = voegNulToe(seconden);
//Print het resultaat naar een element met het ID "tijd" (in je HTML)
document.getElementById('tijd').innerHTML = "Het is vandaag " + dag[vandaag.getDay()] + " " + vandaag.getDate() + " " + maand[vandaag.getDay()] + " om " + uur + ":" + minuut + ":" + seconden;
//Update de time elke 1000 miliseconden (1 seconde)
t = setTimeout(function () {
tijdWeergeven()
}, 1000);
}
//Start de functie
tijdWeergeven();
Dit script print de tijd naar een element met het ID "tijd" in je HTML en update automatisch.
Code (php)
1
<div id="tijd"></div>
Ik heb deze Fiddle als uitgangspunt genomen om dit resultaat te krijgen.
Je hebt ook verschillende handige tools die dit makkelijker maken, zoals Moment.js
Hopelijk helpt dit je een beetje op weg :)
Gewijzigd op 08/01/2017 17:01:09 door Mitch PHP