Ich versuche schon länger als ich stolz wäre zuzugeben ein Textelement auf einer Seite nach einer gewissen Zeit erscheinen zu lassen. Mit einem Bild habe ich das schon hinbekommen:
<div id="Typing">
<img id="Typing" src="TypingGIFs.gif" />
</div>
<script type="text/javascript">
<!--
// Funktion zum Einblenden der Knöpfe
function showButtons() {
var buttons = document.getElementById("Typing");
// Den normalen Anzeigemodus wiederherstellen
buttons.style.visibility = "";
}
// Nach dem Laden der Seite das Script starten
SoSciTools.attachEvent(window, "load",
function() {
// Die Knöpfe identifizieren
var buttons = document.getElementById("Typing");
// Die Knöpfe ausblenden (mit Platzhalter)
buttons.style.visibility = "hidden";
// Den Timer starten
window.setTimeout(showButtons, 5000); // Nach 5 Sek = 5.000 ms
}
);
// -->
</script>
Aber mit einem Textelement möchte es einfach nicht klappen. Bisher habe ich das:
<div id="TextContainer">
<p id="DelayedText">Your text content goes here.</p>
</div>
<script type="text/javascript">
<!--
// Funktion zum Einblenden der Knöpfe
function showText() {
var text = document.getElementById("TextContainer");
// Den normalen Anzeigemodus wiederherstellen
text.style.visibility = "";
}
// Nach dem Laden der Seite das Script starten
SoSciTools.attachEvent(window, "load",
function() {
// Die Knöpfe identifizieren
var text = document.getElementById("TextContainer");
// Die Knöpfe ausblenden (mit Platzhalter)
text.style.visibility = "hidden";
// Den Timer starten
window.setTimeout(showText, 5000); // Nach 5 Sek = 5.000 ms
}
);
// -->
</script>
Für jede Hilfe bin ich dankbar.
Liebe Grüße