---
title: "Eine Uhr in die Typo3 Seite"
url: "https://www.typo3.net/d/89162-eine-uhr-in-die-typo3-seite"
source: "typo3.net"
tags: ["Allgemein","Frage","Inhaltselemente"]
created: "2009-04-24"
last_reply: "2009-04-25"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Eine Uhr in die Typo3 Seite

Allgemein · 2 Antworten · gestartet 2009-04-24

## Eröffnungsbeitrag

**Manni.​.​** · 2009-04-24 · [Beitrag #1](https://www.typo3.net/d/89162-eine-uhr-in-die-typo3-seite/1)

Hallo Forum,
ich hab aus dem Internet eine Uhr, welche in HTML und JS geschrieben ist.
Wenn ich das im Typo BE als HTML einbinde und den Code der Uhr via iframe im HTML eingebunden habe, wird die seite total falsch angezeigt. Im Template wird ab der Uhr nichts mehr angezeigt.
Woran kann das liegen?

Das ist der Code für die Uhr:

```html
<html>
<head><title>Uhr</title>
<script type="text/javascript">
<!--
function startuhr() {
var aktiv=window.setInterval("uhr()", 500);
}

var tage = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Sonnabend");
var monate = new Array("Januar", "Februar", "Maerz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");

function uhr() {
var heut = new Date();
var wota = heut.getDay();
var monat = heut.getMonth();
var jahr = heut.getFullYear();
var tag = heut.getDate();
var h = heut.getHours();
var m = heut.getMinutes();
var s = heut.getSeconds();
document.getElementById("tag").firstChild.data=tage[wota]+", "+tag+". "+monate[monat]+" "+jahr;
h=(h<10)?"0"+h:h;
m=(m<10)?"0"+m:m;
s=(s<10)?"0"+s:s;
document.getElementById("uhr").firstChild.data=h+":"+m+":"+s;
}
// -->
</script>
</head>
<body onload="startuhr()">
<div><span id="tag">ein schöner Tag</span>, <span id="uhr">nette Zeit</span> Uhr</div>
</body>
</html>
```

Könnt ihr mir helfen?

Gruß,
Manni

## Antworten

### [#2](https://www.typo3.net/d/89162-eine-uhr-in-die-typo3-seite/2) · Unbekannter Benutzer · 2009-04-25

Funktioniert ganz hervoragend...

Wie?
So:

Ein File erstellen mit folgendem Inhalt:

```javascript
function startuhr() {
var aktiv=window.setInterval("uhr()", 500);
}

var tage = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Sonnabend");
var monate = new Array("Januar", "Februar", "Maerz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");

function uhr() {
var heut = new Date();
var wota = heut.getDay();
var monat = heut.getMonth();
var jahr = heut.getFullYear();
var tag = heut.getDate();
var h = heut.getHours();
var m = heut.getMinutes();
var s = heut.getSeconds();
document.getElementById("tag").firstChild.data=tage[wota]+", "+tag+". "+monate[monat]+" "+jahr;
h=(h<10)?"0"+h:h;
m=(m<10)?"0"+m:m;
s=(s<10)?"0"+s:s;
document.getElementById("uhr").firstChild.data=h+":"+m+":"+s;
}
```

Abspeichern als uhr.js

Dann Auf der Seite einen Inhalt anlegen vom Typ HTML mit diesem Inhalt:

```html
<div><span id="tag">ein schöner Tag</span>, <span id="uhr">nette Zeit</span> Uhr</div>
```

Dann das Script in den Ordner fileadmin laden und per TS einbinden, sowie im body laden:

```typoscript
page {
	includeJS {
		file1 = fileadmin/uhr.js
	}
	bodyTag = <body onload="startuhr()">
}
```

Das ganze funktioniert so wie es soll. Wenns dein Layout zerreist liegts nicht am snippet, sondern an einem Fehler in DEINEM HTML oder CSS.

### [#3](https://www.typo3.net/d/89162-eine-uhr-in-die-typo3-seite/3) · Manni.​.​ · 2009-04-25

hab nur noch ein paar probleme mit dem aussehen der uhr aber ansich her funktioniert es!
Danke!

---

Quelle: „Eine Uhr in die Typo3 Seite“, typo3.net, https://www.typo3.net/d/89162-eine-uhr-in-die-typo3-seite
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
