Pues.. no se donde quieras tener los textos... pero dentro la funcion seria muy desprolijo, mejor asi
Código Javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<style>
.textToRead {display:none;}
</style>
<script>
/*
@author: Pablo Bozzolo (de modificaciones*)
(autor original desconocido)
*/
var rotatingTextElement;
var rotatingText = new Array();
var cnt = 0;
function initRotateText() {
rotatingTextElement = document.getElementById("textToChange");
aLeer = document.getElementsByClassName("textToRead");
// para la primera vez
rotatingTextElement.innerHTML = aLeer[0].innerHTML;
for (var i = 0; i < aLeer.length; i++)
rotatingText.push(aLeer[i].innerHTML);
setInterval(rotateText, 1500);
}
function rotateText() {
cnt++;
if(cnt >= rotatingText.length) {
cnt = 0;
}
rotatingTextElement.innerHTML = rotatingText[cnt];
}
</script>
</head>
<body onload="initRotateText();">
<p class="textToRead"/>
Dependency Injection: Huh?
Chances are, at some point in your learning, you've come across the term, "dependency injection." If you're still relatively early in your learning, you likely formed a confused expression and skipped over that part. Still, this is an important aspect of writing maintainable (and testable) code. In this article, I'll explain it in as simple a way as I'm capable of.
<p class="textToRead"/>
Otro texto largo y aburridor
<p class="textToRead"/>
Otro texto masss largo y aburridor
<p class="textToRead">
Otro texto masss largo y mssssssss aburridor!!!
<p/>
<!-- aca se muestra : -->
<div id="textToChange">
</div>
</body>
</html>
Hay varios elementos (DIV, P ... da igual el tipo) ... de clase textToRead, crea los que necesites!