I går postet jeg et enkelt script som beskriver hvordan du enkelt kan konsumere en RSS-feed på ditt nettsted. Men bare vise overskriftene er ikke så kult. Nein, ha overskrifter strøm i en ticker er mye hyggeligere.
Likevel bruker Yahoo! News som kilde, i dag vil vi diskutere hvordan å konsumere en RSS-feed i en ticker.
Koden under gjør susen .
< html > < head >
< /head > < body onLoad = "GetNewsSource ()" > < p > < b > Yahoo! Nyheter: < a id = "myTicker" href = "" > < /a > < /b > < /p > < /body > < /html >
Vi gjør mye bruk av window.setTimeout funksjon. setTimeout brukes til å ringe en annen funksjon etter en bestemt tid varighet. Varigheten angis i millisekunder.
Script laster først på RSS-feed filen inn i DOM som siden er lastet. Når kroppen brikkenes OnLoad branner vi kaller funksjonen GetNewsSource (). Denne funksjonen leser elementer node til RSS-filen til en nodeList variabel og fortsetter å trekke ut tittelen element i variabel SSkrive, og koblingen element inn hyperlink myTicker sin href eiendom. Når dette er gjort skriptet kaller funksjonen ticker () som skriver innholdet av SSkrive tegn for tegn. Funksjon ticker () utfører rekursivt via setTimeout funksjon med hvert tegn blir skrevet etter 90 millisekunder.
Funksjon GetNewsSource () også utfører rekursivt, og vi specifed (90 * sText.length 4000) som en setTimeout varighet. Dette sikrer at den neste henrettelsen bare sparkes i gang etter funksjon ticker () har gjennomført skrive hele innholdet i SSkrive.
å runde av skriptet sjekker om nyhetene overskriften blir skrevet er det siste i fôret, og i så fall tilbake strømmen tilbake til det første elementet. Kjøpe og der du går, din egen nyhetsticker på ditt nettsted.