Gestern habe ich ein einfaches Skript, beschreibt, wie Sie RSS-Feeds auf Ihrer Website problemlos konsumieren könnte geschrieben. Nur die Schlagzeilen Anzeige ist jedoch nicht so cool. Nein, mit den Schlagzeilen-Stream in einen Ticker ist viel schöner.
Noch mit Yahoo! News als Quelle, heute werden wir wie einen RSS-Newsfeed in einem Ticker nutzen diskutieren.
Der folgende Code funktioniert der Trick.
< html >
< Head >
< / head >
< onLoad='GetNewsSource() Körper' >
< p >< b > Yahoo! News: < a Id = 'MyTicker' Href = '' >< / a >< / b >< / p >
< / body >
< / html >
Wir machen viel Verwendung der Funktion window.setTimeout. SetTimeout dient zum Aufrufen einer anderen Funktion nach einer angegebenen Zeitdauer. Die Dauer wird in Millisekunden angegeben.
Das Skript lädt zunächst den RSS-feed Datei in das DOM, wie die Seite geladen wird. Wenn das Body-Tag Onload-Ereignis ausgelöst wird, rufen wir die Funktion GetNewsSource(). Diese Funktion liest Knoten Elemente der RSS-Datei in eine Variable NodeList und fährt mit dem Title-Element in Variable sText und das Link-Element in Hyperlink MyTicker Href-Eigenschaft extrahieren. Einmal gemacht die Skript-Aufrufe Funktion ticker() das den Inhalt des sText Zeichen von schreibt. Funktion ticker() führt rekursiv über die SetTimeout-Funktion, mit der jedes Zeichen nach 90 Millisekunden geschrieben wird.
Funktion GetNewsSource() auch führt rekursiv und wir Specifed (90*sText.length + 4000) als SetTimeout Dauer. Dadurch wird sichergestellt, dass die nächste Ausführung nur startet nach Abschluss der Funktion ticker() den vollständigen Inhalt der sText schreiben.
Zur Abrundung des Skripts überprüft, wenn die geschriebenen Schlagzeile der letzte im Feed ist und also setzt den Feed an das erste Element zurück.
Und dort gehen Sie Ihren eigenen News-Ticker auf Ihrer Website.
JavaScript-News-ticker
JavaScript-News-ticker : Mehreren tausend Tipps, um Ihr Leben einfacher machen.
Gestern habe ich ein einfaches Skript, beschreibt, wie Sie RSS-Feeds auf Ihrer Website problemlos konsumieren könnte geschrieben. Nur die Schlagzeilen Anzeige ist jedoch nicht so cool. Nein, mit den Schlagzeilen-Stream in einen Ticker ist viel schöner.
Noch mit Yahoo! News als Quelle, heute werden wir wie einen RSS-Newsfeed in einem Ticker nutzen diskutieren.
Der folgende Code funktioniert der Trick.
< html >
< Head >
< / head >
< onLoad='GetNewsSource() Körper' >
< p >< b > Yahoo! News: < a Id = 'MyTicker' Href = '' >< / a >< / b >< / p >
< / body >
< / html >
Wir machen viel Verwendung der Funktion window.setTimeout. SetTimeout dient zum Aufrufen einer anderen Funktion nach einer angegebenen Zeitdauer. Die Dauer wird in Millisekunden angegeben.
Das Skript lädt zunächst den RSS-feed Datei in das DOM, wie die Seite geladen wird. Wenn das Body-Tag Onload-Ereignis ausgelöst wird, rufen wir die Funktion GetNewsSource(). Diese Funktion liest Knoten Elemente der RSS-Datei in eine Variable NodeList und fährt mit dem Title-Element in Variable sText und das Link-Element in Hyperlink MyTicker Href-Eigenschaft extrahieren. Einmal gemacht die Skript-Aufrufe Funktion ticker() das den Inhalt des sText Zeichen von schreibt. Funktion ticker() führt rekursiv über die SetTimeout-Funktion, mit der jedes Zeichen nach 90 Millisekunden geschrieben wird.
Funktion GetNewsSource() auch führt rekursiv und wir Specifed (90*sText.length + 4000) als SetTimeout Dauer. Dadurch wird sichergestellt, dass die nächste Ausführung nur startet nach Abschluss der Funktion ticker() den vollständigen Inhalt der sText schreiben.
Zur Abrundung des Skripts überprüft, wenn die geschriebenen Schlagzeile der letzte im Feed ist und also setzt den Feed an das erste Element zurück.
Und dort gehen Sie Ihren eigenen News-Ticker auf Ihrer Website.
