---
title: "Levande klocka"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/175829-levande-klocka"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "SoulGod"
published: "2008-12-12T13:46:53.000Z"
updated: "2008-12-12T19:26:12.000Z"
replies: 4
views: 550
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/175829-levande-klocka"
---

# Levande klocka

## #1 — SoulGod, 2008-12-12T13:46Z

Har med hjälp av google + min fina JS-bok få tag i och göra om en levande klocka.

```
function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
```

Men nu till mitt problem, får den bara att funka 12h.
Jag vill ha den 24h. Någon som kan hjälpa mig med detta möjligen?

Permalänk: https://www.webforum.nu/p/175829

## #2 — Quid, 2008-12-12T13:50Z

```
function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
```

Permalänk: https://www.webforum.nu/p/2159361

## #3 — Compusa, 2008-12-12T13:53Z

Så här kanske?

```
function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
```

Permalänk: https://www.webforum.nu/p/2159362

## #4 — Compusa, 2008-12-12T13:55Z

Identiska lösningar tror jag, men Quid hann före :)

Permalänk: https://www.webforum.nu/p/2159363

## #5 — SoulGod, 2008-12-12T19:26Z

Tackar =)

Permalänk: https://www.webforum.nu/p/2159388

---

Tråden på webben: https://www.webforum.nu/amne/javascript/175829-levande-klocka