necesito editar este codigo para mi web y no tengo los conocimientos necesarios.
el codigo es el sigiente
Código HTML:
// Shuffle the contents of container
container.shuffleLetters();
// Bind events
userText.click(function () {
userText.val("");
}).bind('keypress',function(e){
if(e.keyCode == 13){
// The return key was pressed
container.shuffleLetters({
"text": userText.val()
});
userText.val("");
}
}).hide();
// Leave a 4 second pause
setTimeout(function(){
// Shuffle the container with custom text
container.shuffleLetters({
"text": "Tuweb10!"
});
userText.val("type anything and hit return..").fadeIn();
},4000);
});
y la pagina html es esta
Código HTML:
<body>
<div id="container">Contenidos Web, Diseño, Imagen
</div>
<!-- JavaScript includes -->
<script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="assets/js/jquery.shuffleLetters.js"></script>
<script src="assets/js/script.js"></script>
</body>
el comportamiento del codigo es el siguiente; primero escribe Contenidos Web, Diseño, Imagen. Despues escribe Tuweb10!. Todo esto como si alguien estaria usando el teclado para escribir estas dos frases al momento de ver la pagina. Una animacion con texto podriamos decir.
Lo que yo quiero es que la frase tuweb10! se escriba en intervalos de 10 segundos, en cambio de lo que logro ahora que es que tuweb10! se escriba una sola vez.
¿alguna idea de como modificar el codigo para obtener este resultado?