Mit den folgenden kleinen Skripten ist es möglich, Laufschriften, Bilder, Texte oder auch kleine HTML-Dokumente zeitlich begrenzt ein- und auszublenden. Es stehen 5 Skripte zur Verfügung, mit dem ein Vorgang zu einer bestimmten Zeit gestartet, beendet oder in einem Zeitraum ausgeführt werden kann.
Folgendes ist zu beachten:
Die Auslösezeit orientiert sich nach der Systemzeit des Rechners.
Die Zeitangabe erfolgt in der Reihenfolge: Jahr, Monat, Tag, Stunde, Minute, Sekunde.
Der Monat Januar fängt mit 0 an.
In Zeile 13 wird der Beginn eingegeben! Zu beachten ist, dass die Monate mit "0" anfangen, d.h. Jan=0, Dez=11
Ist die eingegebene Zeit noch nicht erreicht, wird der Inhalt aus Zeile 20 angezeigt!
Ist die Zeit überschritten, wird der Inhalt aus Zeile 17 ausgegeben!
<!-- In den Xobor-Foren ist jQuery schon vorhanden! Die folgende Zeile wird hier nicht benötigt! --> <!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> --> <script>
window.addEventListener('load', function(){ /* Startet zu einer vorgegebenen Zeit */ var now = Date.parse(new Date()); /* Jahr, Monat (Jan=0), Tag, Stunde, Minute, Sekunde */ var start = Date.parse(new Date(2023, 11, 20, 21, 32, 0));
if(now > start && now) { /* Beliebige Funktion! */ document.getElementById('xanzeige1').innerHTML='<h3><marquee>Dieser Text startet zu einer vorgegebenen Zeit als Laufschrift!</marquee></h3>'; } else { /* Nicht-Funktion! */ document.getElementById('xanzeige1').innerHTML='<h3><img src="https://img.homepagemodules.de/idee.gif"> Die Startzeit ist noch nicht erreicht, die Infos werden ausgeblendet!</h3>'; }; }); </script>
<!-- In den Xobor-Foren ist jQuery schon vorhanden! Die folgende Zeile wird hier nicht benötigt! --> <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> <script> window.addEventListener('load', function(){
/* Endet zu einer vorgegebenen Zeit */ var now = Date.parse(new Date()); /* Jahr, Monat (Jan=0), Tag, Stunde, Minute, Sekunde */ var end = Date.parse(new Date(2021, 3, 26, 15, 0, 0));
if(now < end && now) { /* Beliebige Funktion! */ document.getElementById('xanzeige2').innerHTML='<h3><img src="https://img.homepagemodules.de/idee.gif"> Dieser Text und das Icon wird zur vorgegebenen Zeit wieder ausgeblendet!</h3>'; } else { /* Nicht-Funktion! */ document.getElementById('xanzeige2').innerHTML='<h3><img src="https://img.homepagemodules.de/idee.gif"> Die Zeit ist abgelaufen, die Infos werden ausgeblendet!</h3>'; };
<!-- In den Xobor-Foren ist jQuery schon vorhanden! Die folgende Zeile wird hier nicht benötigt! --> <!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> --> <script> window.addEventListener('load', function(){
/* Anzeige in einem Zeitraum */ var now = Date.parse(new Date()); /* Startzeit: Jahr, Monat (Jan=0), Tag, Stunde, Minute, Sekunde */ var start = Date.parse(new Date(2016, 11, 20, 22, 2, 0)); /* Endezeit: Jahr, Monat (Jan=0), Tag, Stunde, Minute, Sekunde */ var end = Date.parse(new Date(2023, 11, 20, 22, 3, 0));
if(now > start && now < end) { /* Beliebige Funktion! */ document.getElementById('xanzeige3').innerHTML='<h3>Dieses HTML-Dokument wird in einem vorgegebenen Zeitraum angezeigt!</h3><br><br><b>Email-Adressen für Robots ausblenden:</b> <span style="display:inline;">Name</span> <span style="display:none;">-(at)-</span>@ <span style="display:inline;">Server.de</span>'; } else { /* Nicht-Funktion! */ document.getElementById('xanzeige3').innerHTML='<h3><img src="https://img.homepagemodules.de/idee.gif"> Hier wird ein HTML-Dokument für einem vorgegebenen Zeitraum angezeigt!</h3>'; };
<center> <div id="xanzeige4"><h3>Hier wird ein Bild nach Ablauf einer vorgegebenen Zeit angezeigt!</h3></div> </center>
<!-- In den Xobor-Foren ist jQuery schon vorhanden! Die folgende Zeile wird hier nicht benötigt! --> <!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> --> <script> window.addEventListener('load', function(){
/* Angabe in Millisekunden - hier 5 Sekunden! */ var interval = setInterval(intervalM, 5000);
<div class="Bewertung_Timer"> <img src="https://files.homepagemodules.de/b104774/f31t1155p2588n2_xGoHVfqX.jpg"> <br><br> Sie haben <span class="Bewertung_ShowTime">10</span> Sekunden Zeit, um das Bild zu bewerten! </div>
<!-- In den Xobor-Foren ist jQuery schon vorhanden! Die folgende Zeile wird hier nicht benötigt! --> <!-- <script type="text/javascript" src="https://img.homepagemodules.de/ds/static/jquery/min/jquery-1.7.1.min.js"></script> --> <script> window.addEventListener('load', function(){
window.setInterval(function() { var timeCounter = $(".Bewertung_ShowTime").html(); var updateTime = eval(timeCounter)- eval(1); $(".Bewertung_ShowTime").html(updateTime); if(updateTime == 0){
/* Beliebige Funktion! */ $('.Bewertung_Timer').html('Die Wertung ist abgeschlossen!');
Hier nochmal die Nummerierung der Monate Der Januar fängt mit 0 an, weil man hier den Binär-Code zu Grunde gelegt hat. Man kann das Script auch umschreiben und vielleicht direkt den Monatsnamen eingeben. Aber lohnt sich der Aufwand? Bei dem hier vorgestellten Script muss man nur darauf achten, dass der Monat (Monat-1) richtig eingetragen wird.
1 2 3 4 5 6 7 8 9 10 11 12
0000 = 0 --> Januar 0001 = 1 --> Februar 0010 = 2 --> März 0011 = 3 --> April 0100 = 4 --> Mai 0101 = 5 --> Juni 0110 = 6 --> Juli 0111 = 7 --> August 1000 = 8 --> September 1001 = 9 --> Oktober 1010 = 10 --> November 1011 = 11 --> Dezember
Ui, danke für das Script. Ich habe so eins für Uhrzeiten eingebunden und lasse immer einen kleinen Text ausgeben. Mal sehen, was ich mit diesem Script anfangen kann :). Danke!