Buscador
.

27 octubre 2011

Como insertar un reloj

Algunas veces es necesario tener un reloj dentro de nuestra página para darle un mejor aspecto o para adornarla de una mejor manera. Es por eso que te presento una serie de relojes que con facilidad puedes implementar en tu página...






<center>    <embed wmode="transparent" src="http://www.poodwaddle.com/clock10" width="190" height="190" type="application/x-shockwave-flash" bgcolor="#FFFFFF" /></center>






<center>    <embed wmode="transparent" src="http://www.poodwaddle.com/clock5" width="190" height="190" type="application/x-shockwave-flash" bgcolor="#FFFFFF" /></center>









<form name="where" id="where"></form>

<table border="0" width="200" cellspacing="0" cellpadding="3">    <tr>        <td width="100%">      
   <select name="city" size="1" onchange="updateclock(this);">                <option value="" selected="selected">
                       Hora Local                </option>  
           <option value="0">                    London GMT      
       </option>                <option value="1">            
     Rome                </option>                <option
value="7">                    Bangkok                </option>
             <option value="8">                    Hong Kong    
         </option>                <option value="9">          
       Tokyo                </option>                <option
value="10">                    Sydney                </option>
             <option value="12">                    Fiji      
       </option>                <option value="-10">            
     Hawaii                </option>                <option
value="-8">                    San Francisco            
 </option>                <option value="-5">                    New
York                </option>                <option value="-3">  
               Buenos Aires                </option>        
 </select>        </td>    </tr>

    <tr>        <td width="100%">            <script language="JavaScript"
type="text/javascript">//<![CDATA[

            /*            Drop Down World Clock- By Learn iran (http://www.webloger.5u.com)    
     Portions of code by Kurt @ http://www.webloger.5u.com/            This credit notice must stay intact    
     */

            if (document.all||document.getElementById)            document.write('<span id="worldclock"
style="font:bold 16px Arial;"><\/span><br>')

            zone=0;            isitlocal=true;            ampm='';

            function updateclock(z){            zone=z.options[z.selectedIndex].value;    
     isitlocal=(z.options[0].selected)?true:false;            }

            function WorldClock(){            now=new Date();        
 ofst=now.getTimezoneOffset()/60;            secs=now.getSeconds();        
 sec=-1.57+Math.PI*secs/30;            mins=now.getMinutes();            min=-1.57+Math.PI*mins/30;
         hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);        
 hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;            if (hr < 0) hr+=24;            if
(hr > 23) hr-=24;            ampm = (hr > 11)?"PM":"AM";            statusampm = ampm.toLowerCase();

            hr2 = hr;            if (hr2 == 0) hr2=12;            (hr2 <
13)?hr2:hr2 %= 12;            if (hr2<10) hr2="0"+hr2

            var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;      
   if (document.all)            worldclock.innerHTML=finaltime            else if
(document.getElementById)            document.getElementById("worldclock").innerHTML=finaltime            else if
(document.layers){            document.worldclockns.document.worldclockns2.document.write(finaltime)        
 document.worldclockns.document.worldclockns2.document.close()            }



            setTimeout('WorldClock()',1000);            }

            window.onload=WorldClock            //-->        
 //]]>            </script> <!--Place holder for NS4 only-->             <ilayer
id="worldclockns" width="100%" height="35"></ilayer>            <layer id="worldclockns2" width="100%" height="35" left="0" top="0"
style="font:bold 16px Arial;">                <ilayer id="worldclockns" width="100%" height="35"></ilayer>  
       </layer>        </td>    </tr></table>


26 comentarios:

  1. Buenísimo, ase poco tengo una pagina Jimbo, y gracias a que existen buenas personas que comparten lo que saben, voy aprendiendo a integrarle cosas ,gracias por compartir y enseñarnos,Luis

    ResponderEliminar
  2. Luis: muchas gracias por tu comentario, nos motiva, gracias :D

    ResponderEliminar
  3. Bro, tengo un monton de tus códigos son exelentes y me han sido de mucha ayuda, muchas gracias,ojala todos fueran como tu.

    ResponderEliminar
  4. Hola. de nuevo Luis, quiero Acer una pregunta ,estos códigos después de pegarlos en mi pagina, se pueden ocultar sin que perjudique su fin, si es que se puede, pueden enseñarme como, gracias,

    ResponderEliminar
  5. Anónimo: al contrario, gracias por comentar y ya quisiera que todos comentaran como tu :D gracias

    Luis: quieres ocultar el reloj sin borrar el código o¿?

    ResponderEliminar
  6. Hola. soy Luis, en primer lugar quiero decir que estoy muy agradecido de que respondas a mis preguntas, eso me dice que estoy tratando con una buena persona,
    Y disculpas por tutearte, mira lo que quiero Hacer es ocultar solamente los códigos, del reloj y del buen DIA buenas tardes buenas noches,
    Pero que el reloj y el Buendía, se sigan viendo, desde ya, muchas garcías
    y Feliz navidad,

    ResponderEliminar
  7. donde se pegan estos codigos?????
    el que me responda estare muy agradecido
    gracias

    ResponderEliminar
  8. Luis: no entiendo muy bien a que te refieres y que es lo que quieres lograr, agradecería que me explicaras de otra manera o nuevamente, gracias

    anónimo: cual es tu página¿?

    ResponderEliminar
  9. La verdad te felicito amigo, eres super con estos enlaces y codigos que podemos insertar en nuestras paginas y a la vez te doy las gracias por que ademas es free, el dia que gustes puedes poner un boton parsa donar.En mi caso lo haria con gusto.

    ResponderEliminar
  10. Dr. Richard: agradezco sinceramente tus palabras y tu interés por seguir apoyando esta página, con el tiempo quizás le ponga un botón y algo de publicidad pero por el momento estoy bien ayudando, gracias y ya te tomaré la palabra :)

    ResponderEliminar
  11. los felicito! son los mejores gracias a ustedes pude mejorara MUCHISIMO mi página! saludos

    ResponderEliminar
    Respuestas
    1. Al contrario, muchas gracias a ti por visitarnos y atreverte a comentar :)

      Eliminar
  12. Excelente aporte los felicito, gracias por contribuir en mi educación :D - Miasure -

    ResponderEliminar
  13. como pongo hora en canarias osea un hora menos

    ResponderEliminar
    Respuestas
    1. La hora se ajusta automáticamente con cada persona.

      Eliminar
  14. gracias por todos los codigos funcionan muy bien eres bueno es esto nunca dejes de hacerlo gracias

    ResponderEliminar
  15. Donde coloco el codigo en jimdo

    ResponderEliminar
    Respuestas
    1. http://www.truco95.com/2012/05/como-poner-estos-codigos-en-jimdo.html

      mira este tutorial

      Eliminar
  16. gracias a personas como usted , se va mejorando la apariencia de las paginas web . bendiciones para esta navidad y un feliz año 2013 . www.metroworldcomputer.jimdo.com

    ResponderEliminar
  17. Hola ... Yo como los demas visitantes, les doy los grax por sus aportes,gracias a estos aportes aprendemos de personas como ustedes que comparten sus conocimientos. Ademas aprovecho para Felicitarlos por su pag sta de 10!!!

    ResponderEliminar
  18. muy buena tu pagina y gracias por compartir

    ResponderEliminar
  19. amigos podemos intercambiar enlaces ??? mi pagina web es http://www.ChateaOnline.net :)

    ResponderEliminar
  20. NECESITO PONER UN RELOJ EN MI PAGINA JIMDO, PODRÍA DE FAVOR APOYARME.

    ResponderEliminar
  21. Compa la buena me ha servido mucho el tutorial

    ResponderEliminar