Se explica cómo aplicar una marca de JavaScript noticias que se alimentan a través de RSS.
Ayer publicaron un script sencillo que describe cómo usted puede consumir fácilmente un feed RSS en su sitio web. Sin embargo, sólo puede ver los titulares no es tan cool. Nein, con el flujo de noticias en un ticker es mucho mejor.
Aún utilizando Yahoo! Noticias como fuente, hoy vamos a discutir la forma de consumir un RSS feed de noticias en un ticker.
El código de más abajo hace el truco.
<head>
<script type="text/javascript">
sText var = ""
var i = 0
var = 0 iNotas
rss var = new ActiveXObject ( "Microsoft.XMLDOM")
rss.async = false
rss.load ( "http://rss.news.yahoo.com/rss/world")
GetNewsSource función () (
itemNodes var = rss.selectNodes ( "/ rss / canal / tema")
var Imax = itemNodes.length
sText = itemNodes.item (iNotas). getElementsByTagName ( "title"). tema (0). texto
myTicker.href = itemNodes.item (iNotas). getElementsByTagName ( "link"). tema (0). texto
Ticker ()
iNotas + = 1
if (== iNotas IMAX) (
iNotas = 0
)
window.setTimeout ( "GetNewsSource ()", (90 * sText.length 4000))
)
función de marca () (
i + = 1
myTicker.innerText = sText.substring (0, i) + "*"
if (i <sText.length) (
window.setTimeout ( "Ticker ()", 90)
)
else (
i = 0
)
)
</ script>
</ head>
<body onLoad="GetNewsSource()">
<p> Yahoo! Noticias: <a id="myTicker" href=""> </ a> </ b> </ p>
</ body>
</ html>
Nosotros hacemos mucho uso de la función window.setTimeout. setTimeout se utiliza para llamar a otra función después de un plazo determinado de duración. La duración se especifica en milisegundos.
La secuencia de comandos primero carga el archivo de feed RSS en el DOM de la página se carga. Cuando el cuerpo de la etiqueta del evento onload que llamamos función GetNewsSource (). Esta función lee el nodo de elementos de la RSS en un archivo nodeList variable y procede a extraer el elemento título en sText variable, y el elemento de enlace en enlace myTicker la propiedad href. Una vez hecho el script pide función de marca de () que escribe el contenido de sText carácter por carácter. Función Ticker () ejecuta recursivamente a través de la función setTimeout con cada personaje está escrito después de 90 milisegundos.
Función GetNewsSource () también ejecuta recursivamente, y especificar (90 * sText.length 4000) como un setTimeout duración. Esto asegura que la próxima ejecución se inicia sólo después de la función teletipo () ha terminado de escribir el contenido íntegro de sText.
Para redondear la secuencia de comandos de los controles para ver si las noticias título escrita es la última en la alimentación y, de ser así se restablece la alimentación de vuelta al primer tema.
Y hay que ir, su propia marca de las noticias en su sitio web.
Delicious
Digg
Google
Yahoo
