[SOLUCIONADO] Texto que cambie según el dia de la semana y según la hora

frantxu · #1 (**permalink**) 18/09/2013, 05:14

Hola a tod@s!!. Les querría preguntar una cosa que llevo mucho tiempo intentando resolver..

Quiero hacer un Script con un texto que vaya cambiando según el día de la semana y según la hora...

Para ello parto de este código:

Código Javascript:

Ver originalvar now = new Date(); var hours = now.getHours();
if ((hours>=0)&&(hours<6)) txthello="MADRUGADA";
if ((hours>=6)&&(hours<21)) txthello="DIA";
if ((hours>=21)&&(hours<0)) txthello="NOCHE";
document.write(txthello);

¿Como sería la modificación del mismo dependiendo del día de la semana para que se cambiara de forma automática?

Espero haberme explicado bien. Quedo a la espera de vuestras respuestas...

Saludos.

bathorz · #2 (**permalink**) 19/09/2013, 07:00

Código Javascript:

Ver originalfunction diaSemana(valor) {
 
   var now = new Date();
 
   var sDia;
   var day = now.getDay();
   var hours = now.getHours();
 
   /**
    * Imprime: 0->domingo | 6->sabado
    */
   switch (day) {
      case 0:
         sDia = 'domingo';
         break;
      case 1:
         sDia = 'lunes';
         break;
      case 2:
         sDia = 'martes';
         break;
      case 3:
         sDia = 'miércoles';
         break;
      case 4:
         sDia = 'jueves';
         break;
      case 5:
         sDia = 'viernes';
         break;
      default:
         sDia = 'sábado';
         break;
   }
 
   if ((hours >= 0) && (hours < 6))
      txthello = "MADRUGADA";
   if ((hours >= 6) && (hours < 21))
      txthello = "DIA";
   if ((hours >= 21) && (hours < 0))
      txthello = "NOCHE";
 
   document.write(sDia + ': ' + hours + 'hs' + ' ' + txthello);
}

frantxu · #3 (**permalink**) 19/09/2013, 09:18

Muchas gracias por la ayuda... Pero que variables ahi que cambiar para que me surta el efecto deseado??..

Saludos y muchisimas gracias...

bathorz · #4 (**permalink**) 19/09/2013, 10:20

Cambia los mensajes de las variables sDia y sHora dentro de los switch según tu conveniencia.

Código Javascript:

Ver original// quita los if y agrega este para los mensajes de hora
   switch (true) {
      case (hours >= 0 && hours < 6):
         sHora = 'entre 0 y 6 MADRUGADA';
         break;
      case (hours >= 6 && hours < 21):
         sHora = 'entre 6 y 21 DIA';
         break;
      case (hours >= 21 && hours < 0):
         sHora = 'entre 21 y 0 NOCHE';
         break;
      default:
         break;
   }
 
   // modificar
   document.write(sDia + ': ' + hours + 'hs' + ' - ' + sHora);

frantxu · #5 (**permalink**) 01/10/2013, 09:44

Hola bathorz, gracias por el código último que pusiste, pero lo probé y no me funcionó... Estos días seguí buscando y di con otro, pero no hace del todo lo que yo quiero, lo hace según las horas del días pero no según los días de la semana....

Te dejo el código por si me pudieras echar un cable, lo agradecería mucho....

Gracias de antemano crack....

Te dejo el texto que encontré....

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
        var d = new Date();
        var hour = d.getHours();
        var min = d.getMinutes();
        var ruta = '';
        var texto = '';
        
    jQuery(document).ready(function(){
        setInterval('cambiarImagen()',1000);
        cambiarImagen();
    });
        
        function cambiarImagen(){
            d = new Date();
            hour = d.getHours();
            min = d.getMinutes();
            sec = d.getSeconds();
            switch(hour){
                case 17 : if (((min >= 00) && (min < 59))){
                                ruta = 'RUTA DE LA IMAGEN';
                                texto = 'RUTA DEL TEXTO';
                            }   
                          break;  
                          
            }
            jQuery('#imagen').attr('src',ruta);
            jQuery('#txt').html(texto)
        }
</script>
<style>
</style>
</head>
<body>
<img id="imagen" src="" />
<p id="txt"></p>
</body>
</html>

Javier01 · #6 (**permalink**) 01/10/2013, 15:11

Puedes hacerlo con lo que ya tenias y con lo que te pasó bathorz:
Algo como esto tal vez te sirva:

Código Javascript:

Ver original<script language="javascript">
function mensajes(){
   var txthello="";
   var now = new Date();
   var day = now.getDay();
   var hours = now.getHours();
 
   //Agrego el dia domingo con sus 3 mensajes segun la hora
    if(day == 0){
        if ((hours>=0) && (hours<6)) {txthello=" DOMINGO MADRUGADA";}
        else if ((hours>=6) && (hours<21)) {txthello=" DOMINGO DIA";}
        else if ((hours>=21) && (hours<0)) {txthello=" DOMINGO NOCHE";}
    }
    
    //Agrego otro dia (el martes) con sus 3 mensajes segun la hora
    else if(day == 2){
        if ((hours>=0) && (hours<6)) {txthello=" MARTES MADRUGADA";}
        else if ((hours>=6) && (hours<21)) {txthello=" MARTES DIA";}
        else if ((hours>=21) && (hours<0)) {txthello=" MARTES NOCHE";}
    }
    
         
   document.write(txthello + '<br/>');
}
 
 
mensajes(); //llamo a la funcion para que muestre el mensaje correspondiente
</script>

saludos

frantxu · #7 (**permalink**) 02/10/2013, 05:54

Hola Javier, Muchísimas Gracias por el código pero he venido durante toda la mañana observando un problema. Cambiando el reloj del pc en hora... el tramo que va desde las 23:00hrs hasta las 0:00hrs me lo queda en blanco y no sale níngún mensaje.... ¿a que puede ser debido esto?. No obstante es un problemilla menor.

Un saludo de nuevo y muchas gracias...

bathorz · #8 (**permalink**) 02/10/2013, 13:09

Encontré un error en mi código:

Código Javascript:

Ver originalif ((hours >= 0) && (hours < 6)) // OK
if ((hours >= 6) && (hours < 21)) // OK
if ((hours >= 21) && (hours < 0)) // ERROR cambiar 0 por 24

Puede que sea el que estás buscando

frantxu · #9 (**permalink**) 03/10/2013, 00:43

Hola bathorz de nuevo, probé el código poniéndole el 0 en vez de 24 y no hace nada, me lo sigue dejando en blanco.

Pero bueno es un error menor, lo que más me importaba es no estar cambiando todos los días el código manualmente..

Saludos y gracias por la ayuda.

bathorz · #10 (**permalink**) 03/10/2013, 00:54

El código correcto sería este:

Código Javascript:

Ver originalif ((hours >= 0) && (hours < 6))
if ((hours >= 6) && (hours < 21))
if ((hours >= 21) && (hours < 24))

Extraño que no te funcione.

frantxu · #11 (**permalink**) 03/10/2013, 01:47

Hola de nuevo bathorz!! Ahora esto si que funciona de lujo... Muchas Gracias de verdad. Pongo fin a un mes de búsqueda de este codigillo...

Un abrazo!!! y gracias de nuevo