JavaScript Datumske funkcije in lastnosti: getHours()

Metoda getHours() je JavaScript datumska metoda, ki vrne uro v 24-urnem formatu (od 0 do 23) iz datumskega objekta.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>JavaScript getHours()</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <style>
        .cas-prikaz {
            border: 1px solid #ddd;
            padding: 15px;
            margin: 10px 0;
            border-radius: 4px;
        }
        .cas-element {
            margin: 10px 0;
            font-size: 1.1em;
        }
        .poudarjeno {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="cas-prikaz">
        <div class="cas-element">
            <p>Trenutna ura: <span id="trenutnaUra" class="poudarjeno"></span></p>
        </div>
        <div class="cas-element">
            <p>Tvoj rojstni dan (5.7.1973 07:15): <span id="zgodovinskaUra" class="poudarjeno"></span></p>
        </div>
        <div class="cas-element">
            <p>Čas kosila (12:00): <span id="kosiloUra" class="poudarjeno"></span></p>
        </div>
        <div class="cas-element">
            <p>Konec delovnega dne (16:00): <span id="konecDnevaUra" class="poudarjeno"></span></p>
        </div>
    </div>

    <script>
        // Trenutni čas
        const trenutniDatum = new Date();
        document.getElementById("trenutnaUra").innerHTML = 
            trenutniDatum.getHours() + ":00";
        
        // Zgodovinski datum (tvoj rojstni dan)
        const zgodovinskiDatum = new Date("1973-07-05T07:15:00");
        document.getElementById("zgodovinskaUra").innerHTML = 
            zgodovinskiDatum.getHours() + ":00";
        
        // Čas kosila
        const kosilo = new Date();
        kosilo.setHours(12, 0, 0);
        document.getElementById("kosiloUra").innerHTML = 
            kosilo.getHours() + ":00";
        
        // Konec delovnega dne
        const konecDneva = new Date();
        konecDneva.setHours(16, 0, 0);
        document.getElementById("konecDnevaUra").innerHTML = 
            konecDneva.getHours() + ":00";
    </script>
</body>
</html>

REZULTAT

Pomembne lastnosti:

Vrača vrednosti od 0 (polnoč) do 23 (11 zvečer)
Uporablja lokalni časovni pas uporabnika
Vrne celo število (brez minut in sekund)
Deluje na vseh datumskih objektih (new Date())

Nasvet: Za prikaz ure v 12-urnem formatu (AM/PM) je potrebno dodatno formatiranje.