Mostrar div segun hora y dia

  • Autor Autor turcios
  • Fecha de inicio Fecha de inicio
turcios

turcios

Dseda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Buenas amigos de Forobeta como dice el titulo hace ratos que estoy bregando con lograrlo
estoy desarrollando una web en wordpress y en moodulo necesito mostrar un div segun la hora y el dia de la semana

enocntre un codigo escrito en js que se acerca a lo que busco solo que este muestra una imagen segun la hora y la fecha.

lo que quiero mostrar es un fragmento de código html en determinado div segun la hora y el dia se la semana

acontinuacion adjunto el codigo que encontre

<img src="" id="imagen_cambiante" />


<script type="text/javascript">

function cambie_imagen (){
var d = new Date();
thisday=d.getDay()
var la_hora = d.getHours();

var list_images;

if(thisday == "1"){ // SI ES LUNES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "2") { // SI ES MARTES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","Hola son las ","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "3") { // SI ES MIERCOLES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "4") { // SI ES JUEVES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "5") { // SI ES VIERNES
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "6") { // / SI ES SABADO
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]

} else if (thisday == "7") { // SI ES DOMINGO
list_images = ["0.jpg", "1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7 .jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg"," 13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jp g","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg"]
}

var imagen_seleccionada = list_images[la_hora];
window.document.getElementById("imagen_cambiante") .src=imagen_seleccionada;



}
cambie_imagen();
setInterval ("cambie_imagen()", 60000 ); // Esta linea hace que cada 60 segundo cheque si cambio de hora, y asi camibar de imagen
</script>

como hago para poder mostrar en un div el texto (html) en ves de la imagen en la etiqueta src=
entiendo que esta linea window.document.getElementById("imagen_cambiante") .src=imagen_seleccionada;
se encarga de mostrar el dato segun la hora ?

espero que me puedan ayudar muchas gracias de ante mano
 
En vez de los nombre de las imagenes (en las condiciones) pon el texto que quieres que salga, por ejemplo:
PHP:
if(thisday == "1"){ // SI ES LUNES
	list_images = [
		"Es Lunes y son las 0",
		"Es Lunes y son las 1",
		"Es Lunes y son las 2",
		"Es Lunes y son las 3",
		"Es Lunes y son las 4",
		"Es Lunes y son las 5",
		"Es Lunes y son las 6.",
		"Es Lunes y son las 7 ",
		"Es Lunes y son las 8",
		"Es Lunes y son las 9",
		"Es Lunes y son las 10",
		"Es Lunes y son las 11",
		"Es Lunes y son las 12",
		"Es Lunes y son las  13",
		"Es Lunes y son las 14",
		"Es Lunes y son las 15",
		"Es Lunes y son las 16",
		"Es Lunes y son las 17",
		"Es Lunes y son las 18.",
		"Es Lunes y son las 19",
		"Es Lunes y son las 20",
		"Es Lunes y son las 21",
		"Es Lunes y son las 22",
		"Es Lunes y son las 23"
	];
}

y cambia:
PHP:
window.document.getElementById("imagen_cambiante") .src=imagen_seleccionada;

por:
PHP:
document.getElementById("id_del_div").innerHTML = imagen_seleccionada;

dónde id_del_div es el id de tu div, por ejemplo:
PHP:
<div id="id_del_div"></div>

Saludos.
 
Muchas gracias amigo ahora mismo lo pruebo y te cuento saludos🙂

- - - Actualizado - - -

funciono de 10 muchas gracias amigo

ya pueden cerrar tema
saludos
 
Atrás
Arriba