The Data JavaScriptu obiektu można użyć do uzyskania roku, miesiąca i dnia. Możesz wyświetlić licznik czasu na stronie internetowej za pomocą obiektu daty JavaScript.
Do utworzenia obiektu daty możesz użyć różnych konstruktorów Date. Zapewnia metody pobierania i ustawiania dnia, miesiąca, roku, godziny, minut i sekund.
Konstruktor
Aby utworzyć obiekt daty, możesz użyć 4 wariantów konstruktora Date.
- Data()
- Data (milisekundy)
- Data (ciąg daty)
- Data (rok, miesiąc, dzień, godziny, minuty, sekundy, milisekundy)
Metody dat JavaScript
Zobaczmy listę metod dat JavaScriptu wraz z ich opisem.
| Metody | Opis |
|---|---|
| pobierzDatę() | Zwraca wartość całkowitą z zakresu od 1 do 31, która reprezentuje dzień dla określonej daty na podstawie czasu lokalnego. |
| getDay() | Zwraca wartość całkowitą z zakresu od 0 do 6, która reprezentuje dzień tygodnia na podstawie czasu lokalnego. |
| getFullYears() | Zwraca wartość całkowitą reprezentującą rok na podstawie czasu lokalnego. |
| pobierz godziny() | Zwraca wartość całkowitą z zakresu od 0 do 23, która reprezentuje godziny na podstawie czasu lokalnego. |
| pobierzMillisekundy() | Zwraca wartość całkowitą z zakresu od 0 do 999, która reprezentuje milisekundy na podstawie czasu lokalnego. |
| pobierz minuty() | Zwraca wartość całkowitą z zakresu od 0 do 59, która reprezentuje minuty na podstawie czasu lokalnego. |
| getMiesiąc() | Zwraca wartość całkowitą z zakresu od 0 do 11, która reprezentuje miesiąc na podstawie czasu lokalnego. |
| getSeconds() | Zwraca wartość całkowitą z zakresu od 0 do 60, która reprezentuje sekundy na podstawie czasu lokalnego. |
| pobierzUTCDate() | Zwraca wartość całkowitą z zakresu od 1 do 31, która reprezentuje dzień dla określonej daty na podstawie czasu uniwersalnego. |
| getUTCDay() | Zwraca wartość całkowitą z zakresu od 0 do 6, która reprezentuje dzień tygodnia na podstawie czasu uniwersalnego. |
| pobierz UTCFullYears() | Zwraca wartość całkowitą reprezentującą rok na podstawie czasu uniwersalnego. |
| pobierzUTCHours() | Zwraca wartość całkowitą z zakresu od 0 do 23, która reprezentuje godziny na podstawie czasu uniwersalnego. |
| pobierzUTCMinutes() | Zwraca wartość całkowitą z zakresu od 0 do 59, która reprezentuje minuty na podstawie czasu uniwersalnego. |
| pobierzUTCMonth() | Zwraca wartość całkowitą z zakresu od 0 do 11, która reprezentuje miesiąc na podstawie czasu uniwersalnego. |
| pobierz UTCSeconds() | Zwraca wartość całkowitą z zakresu od 0 do 60, która reprezentuje sekundy na podstawie czasu uniwersalnego. |
| ustawić datę() | Ustawia wartość dnia dla określonej daty na podstawie czasu lokalnego. |
| ustawDzień() | Ustawia konkretny dzień tygodnia na podstawie czasu lokalnego. |
| setFullYears() | Ustawia wartość roku dla określonej daty na podstawie czasu lokalnego. |
| ustaw godziny() | Ustawia wartość godzinową dla określonej daty na podstawie czasu lokalnego. |
| ustawMilisekundy() | Ustawia wartość milisekundową dla określonej daty na podstawie czasu lokalnego. |
| ustaw minuty() | Ustawia wartość minut dla określonej daty na podstawie czasu lokalnego. |
| ustawMiesiąc() | Ustawia wartość miesiąca dla określonej daty na podstawie czasu lokalnego. |
| setSeconds() | Ustawia drugą wartość dla określonej daty na podstawie czasu lokalnego. |
| setUTCData() | Ustawia wartość dnia dla określonej daty na podstawie czasu uniwersalnego. |
| ustawUTCDay() | Wyznacza konkretny dzień tygodnia na podstawie czasu uniwersalnego. |
| setUTCFullYears() | Ustawia wartość roku dla określonej daty na podstawie czasu uniwersalnego. |
| setUTCHours() | Ustawia wartość godzinową dla określonej daty na podstawie czasu uniwersalnego. |
| setUTCMilisekundy() | Ustawia wartość milisekundową dla określonej daty na podstawie czasu uniwersalnego. |
| setUTCMinutes() | Ustawia wartość minut dla określonej daty na podstawie czasu uniwersalnego. |
| setUTCMonth() | Ustawia wartość miesiąca dla określonej daty na podstawie czasu uniwersalnego. |
| setUTCSekund() | Ustawia drugą wartość dla określonej daty na podstawie czasu uniwersalnego. |
| doDateString() | Zwraca część daty obiektu Date. |
| doISOString() | Zwraca datę w postaci ciągu znaków w formacie ISO. |
| doJSON() | Zwraca ciąg znaków reprezentujący obiekt Date. Serializuje również obiekt Date podczas serializacji JSON. |
| doString() | Zwraca datę w postaci ciągu znaków. |
| doTimeString() | Zwraca część czasu obiektu Date. |
| toUTCString() | Konwertuje określoną datę w postaci ciągu znaków przy użyciu strefy czasowej UTC. |
| wartość() | Zwraca pierwotną wartość obiektu Date. |
Przykład daty JavaScript
Zobaczmy prosty przykład drukowania obiektu daty. Drukuje zarówno datę, jak i godzinę.
Current Date and Time: <span id="txt"></span> var today=new Date(); document.getElementById('txt').innerHTML=today;Przetestuj teraz
Wyjście:
Current Date and Time: <span id="txt3"></span>
Zobaczmy inny kod do wydrukowania daty/miesiąca/roku.
Wyjście:
Przykład bieżącego czasu JavaScript
Zobaczmy prosty przykład wydrukowania bieżącego czasu systemu.
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;Przetestuj teraz
Wyjście:
Current Time: <span id="txt"></span>
Przykład zegara cyfrowego JavaScript
Zobaczmy prosty przykład wyświetlania zegara cyfrowego przy użyciu obiektu daty JavaScript.
Istnieją dwa sposoby ustawiania interwału w JavaScript: metodą setTimeout() lub 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>