De JavaScript-datum object kan worden gebruikt om jaar, maand en dag te krijgen. U kunt een timer op de webpagina weergeven met behulp van een JavaScript-datumobject.
U kunt verschillende datumconstructors gebruiken om een datumobject te maken. Het biedt methoden om dag, maand, jaar, uur, minuut en seconden op te halen en in te stellen.
Constructeur
U kunt vier varianten van de Date-constructor gebruiken om een datumobject te maken.
- Datum()
- Datum (milliseconden)
- Datum(dateString)
- Datum (jaar, maand, dag, uren, minuten, seconden, milliseconden)
JavaScript-datummethoden
Laten we de lijst met JavaScript-datummethoden bekijken met hun beschrijving.
| Methoden | Beschrijving |
|---|---|
| krijg datum() | Het retourneert de gehele waarde tussen 1 en 31 die de dag voor de opgegeven datum vertegenwoordigt op basis van de lokale tijd. |
| getDay() | Het retourneert de gehele waarde tussen 0 en 6 die de dag van de week vertegenwoordigt op basis van de lokale tijd. |
| getFullYear() | Het retourneert de gehele waarde die het jaar vertegenwoordigt op basis van de lokale tijd. |
| getHours() | Het retourneert de gehele waarde tussen 0 en 23 die de uren vertegenwoordigt op basis van de lokale tijd. |
| getMilliseconden() | Het retourneert de gehele waarde tussen 0 en 999 die de milliseconden vertegenwoordigt op basis van de lokale tijd. |
| getMinuten() | Het retourneert de gehele waarde tussen 0 en 59 die de minuten vertegenwoordigt op basis van de lokale tijd. |
| getMonth() | Het retourneert de gehele waarde tussen 0 en 11 die de maand vertegenwoordigt op basis van de lokale tijd. |
| getSeconden() | Het retourneert de gehele waarde tussen 0 en 60 die de seconden vertegenwoordigt op basis van de lokale tijd. |
| getUTCDate() | Het retourneert de gehele waarde tussen 1 en 31 die de dag voor de opgegeven datum vertegenwoordigt op basis van universele tijd. |
| getUTCDay() | Het retourneert de gehele waarde tussen 0 en 6 die de dag van de week vertegenwoordigt op basis van universele tijd. |
| getUTCFullYears() | Het retourneert de gehele waarde die het jaar vertegenwoordigt op basis van de universele tijd. |
| getUTCHours() | Het retourneert de gehele waarde tussen 0 en 23 die de uren vertegenwoordigt op basis van de universele tijd. |
| getUTCMinuten() | Het retourneert de gehele waarde tussen 0 en 59 die de minuten vertegenwoordigt op basis van de universele tijd. |
| getUTCMand() | Het retourneert de gehele waarde tussen 0 en 11 die de maand vertegenwoordigt op basis van de universele tijd. |
| getUTCSeconden() | Het retourneert de gehele waarde tussen 0 en 60 die de seconden vertegenwoordigt op basis van de universele tijd. |
| setDate() | Het stelt de dagwaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setDay() | Het stelt de specifieke dag van de week in op basis van de lokale tijd. |
| setVolledigJaren() | Het stelt de jaarwaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setHours() | Het stelt de uurwaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setMilliseconden() | Het stelt de millisecondewaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setMinuten() | Het stelt de minuutwaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setMaand() | Het stelt de maandwaarde voor de opgegeven datum in op basis van de lokale tijd. |
| setSeconden() | Het stelt de tweede waarde in voor de opgegeven datum op basis van de lokale tijd. |
| setUTCDate() | Het stelt de dagwaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCDay() | Het stelt de specifieke dag van de week in op basis van de universele tijd. |
| setUTCFullYears() | Het stelt de jaarwaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCHours() | Het stelt de uurwaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCMilliseconden() | Het stelt de millisecondewaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCMinuten() | Het stelt de minuutwaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCMand() | Het stelt de maandwaarde voor de opgegeven datum in op basis van de universele tijd. |
| setUTCSeconden() | Het stelt de tweede waarde in voor de opgegeven datum op basis van de universele tijd. |
| toDateString() | Het retourneert het datumgedeelte van een Date-object. |
| naarISOString() | Het retourneert de datum in de vorm van een ISO-formaatreeks. |
| toJSON() | Het retourneert een tekenreeks die het Date-object vertegenwoordigt. Het serialiseert ook het Date-object tijdens JSON-serialisatie. |
| toString() | Het retourneert de datum in de vorm van een tekenreeks. |
| toTimeString() | Het retourneert het tijdgedeelte van een Date-object. |
| naarUTCString() | Het converteert de opgegeven datum in de vorm van een tekenreeks met behulp van de UTC-tijdzone. |
| waarde van() | Het retourneert de primitieve waarde van een Date-object. |
JavaScript-datumvoorbeeld
Laten we het eenvoudige voorbeeld bekijken om het datumobject af te drukken. Zowel de datum als de tijd worden afgedrukt.
Current Date and Time: <span id="txt"></span> var today=new Date(); document.getElementById('txt').innerHTML=today;Test het nu
Uitgang:
Current Date and Time: <span id="txt3"></span>
Laten we een andere code bekijken om datum/maand/jaar af te drukken.
Uitgang:
hoe de ontwikkelaarsmodus uit te schakelen
JavaScript-voorbeeld van huidige tijd
Laten we een eenvoudig voorbeeld bekijken om de huidige tijd van het systeem af te drukken.
Current Time: <span id="txt"></span> var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); document.getElementById('txt').innerHTML=h+':'+m+':'+s;Test het nu
Uitgang:
Current Time: <span id="txt"></span>
JavaScript digitaal klokvoorbeeld
Laten we het eenvoudige voorbeeld bekijken om de digitale klok weer te geven met behulp van een JavaScript-datumobject.
Er zijn twee manieren om het interval in JavaScript in te stellen: via de methode setTimeout() of setInterval().
Current Time: <span id="txt"></span> window.onload=function(){getTime();} function getTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); // add a zero in front of numbers<10 m="checkTime(m);" s="checkTime(s);" document.getelementbyid('txt').innerhtml="h+':'+m+':'+s;" settimeout(function(){gettime()},1000); } setinterval('gettime()',1000); another way function checktime(i){ if (i<10){ i="0" + i; return < pre> <span> Test it Now </span> <p> <strong>Output:</strong> </p> <pre> Current Time: <span id="txt2"></span> </pre> <hr></10>