Mostrar mensaje cargando y cambiar contenido en php include

[Carambel]

Hola como puedo hacer esto:

En un include tengo un mensaje que dice "cargando", como hago que ese cargando en un determinado tiempo se cambie de texto a "la carga a terminado" en un tiempo determinado.

 

[kanikase]

Puedes hacerlo con jQuery o javascript, aquí un ejemplo:

<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargano').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

 

[Carambel]

Gracias por la respuestas kanikase, pero no cambia el texto, se queda en cargando pasando los 5 segundos

Puedes hacerlo con jQuery o javascript, aquí un ejemplo:

<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargano').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

 

[kanikase]

Gracias por la respuestas kanikase, pero no cambia el texto, se queda en cargando pasando los 5 segundos

1.- En el código que te dim me faltó una d
2.- Debes tener jQuery:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargando').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

- - - Actualizado - - -

Si no hazlo así:

<script>
setTimeout(function() {document.getElementById('cargando').innerHTML = 'La carga ha terminado'},3000)
</script>
<p id="cargando">Cargando</p>

 

[Carambel]

El ultimo me sirvió pero como puedo ponerlo html en vez de "Cargando" y "La carga a terminado" te lo agradeceré.

1.- En el código que te dim me faltó una d
2.- Debes tener jQuery:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargando').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

- - - Actualizado - - -

Si no hazlo así:

<script>
setTimeout(function() {document.getElementById('cargando').innerHTML = 'La carga ha terminado'},3000)
</script>
<p id="cargando">Cargando</p>

 

[kanikase]

El ultimo me sirvió pero como puedo ponerlo html en vez de "Cargando" y "La carga a terminado" te lo agradeceré.

No entendí :distant: como que "ponerlo html"

 

[Carambel]

Algo asi, en vez de ponerle cargando en puro texto para mostrar , pongo un div dentro con un gif que diga cargando, cuando ya pase los segundos mostrar tambien un div dentro un con un gif que diga carga finalizada con un enlace.

No entendí :distant: como que "ponerlo html"

 

[kanikase]

Algo asi, en vez de ponerle cargando en puro texto para mostrar , pongo un div dentro con un gif que diga cargando, cuando ya pase los segundos mostrar tambien un div dentro un con un gif que diga carga finalizada con un enlace.

En vez de <p id="cargando">Cargando</p> pon

<script>
setTimeout(function() {document.getElementById('cargando').src = 'URL NUEVA IMAGEN'},3000)
</script>
<img id="cargando" src="url" />

 

[Carambel]

En vez de <p id="cargando">Cargando</p> pon

<script>
setTimeout(function() {document.getElementById('cargando').src = 'URL NUEVA IMAGEN'},3000)
</script>
<img id="cargando" src="url" />

Muchas gracias si me funciono, pero si no fuera mucha molestia como haria para que la primera imagen no tenga url, y solamente tenga url la imagen que se mostrara en el tiempo declarado en el codigo.

 

[kanikase]

Muchas gracias si me funciono, pero si no fuera mucha molestia como haria para que la primera imagen no tenga url, y solamente tenga url la imagen que se mostrara en el tiempo declarado en el codigo.

no le pones url :fatigue: