Mil Trucos Bloggers

Tutoriales y recursos para Blogger

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • Font Awesome
    • HTML Editor
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • Static Page
  • Error Page
Home » Gadgets y Widgets » Reloj que cuenta en regresiva las horas del día

domingo, 26 de junio de 2011

Reloj que cuenta en regresiva las horas del día

Add Comment
Gadgets y Widgets
domingo, 26 de junio de 2011
Buscando en la web encontre este pequeño truco para Blogger el cual consta de un pequeño reloj que cuenta las horas del dia en regresiva,exactamente da las horas que hacen falta para acabar el dia.

El reloj se ve de la siguiente manera:

Para agregarlo vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas el siguente codigo.
<p>El dia se acaba en...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día" />
<script language="JavaScript">
<!--
var tiempoAtras;

updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();

tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;

document.Reloj.tiempo.value = tiempoAtras;

setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
Por ultimo guardas y listo.

Share

Like

G+

Tweet

Tweet
0 Komentar untuk "Reloj que cuenta en regresiva las horas del día"

Add Comments

Entrada más reciente Entrada antigua Página Principal
Suscribirse a: Comentarios de la entrada (Atom)

Popular Week

  • Enviar sitemap a Google
    Enviar sitemap a Google
    Uno de los aspectos fundamentales a la hora de tener un mejor posicionamiento y numero de visitas es  aparecer en los primeros lugares de bu...
  • El uso del correo electrónico en los blogs parte 1
    El uso del correo electrónico en los blogs parte 1
    El correo electrónico es algo de lo cual nosotros los blogueros no podemos prescindir, ya que son muchos los usos que diariamente le damos a...
  • ¿Vulnera WhatsApp tu privacidad?
    ¿Vulnera WhatsApp tu privacidad?
    Leíamos últimamente en prensa que las autoridades de protección de datos de ciertos países -entre los que se encontraban Canadá y Países Baj...
  • Añade un foro a tu blog con Nabble
    Añade un foro a tu blog con Nabble
    Ya he publicado varias entradas con foros para Blogger pero esta vez les recomiendo Nabble,el cual es el sistema que uso actualmente en el f...
  • Gadget de últimos temas del foro
    Gadget de últimos temas del foro
    Si usas el foro de Nabble en tu blog es muy probable que este gadget te vaya a interesar, ya que como lo dice el titulo el gadget muestra l...
  • Facebook: Un gran aliado de Blogger
    Facebook: Un gran aliado de Blogger
    Seguramente si estas leyendo esta entrada eres un bloguero y casi doy por hecho que si eres bloguero sabes que es facebook y la gran utilida...
  • Aprender ingles para aprender a bloggear
    Aprender ingles para aprender a bloggear
    El ingles es algo fundamental en todas partes hoy en día  hasta en el mundo del internet y de los blogs es muy importante saber ingles, ya q...
  • Gadget de Entradas más Comentadas
    Gadget de Entradas más Comentadas
    Si eres de los que tienes un blog con gran cantidad de comentarios y quieres mostrarle a tus usuarios cuales son esas entradas mas comentada...
  • Últimas Entradas con desplazamiento horizontal
    Últimas Entradas con desplazamiento horizontal
    Ya he compartido varias formas de mostrar las ultimas entradas del blog, pero en esta oportunidad les compartiré una forma muy singular e im...
  • Menú de redes sociales con CSS Sprites
    Menú de redes sociales con CSS Sprites
    Hoy les quiero compartir un excelente truco en el cual se muestra un menu de redes sociales con efecto hecho a base de la tecnica llamada Sp...

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Blog Archive

  • ►  2014 (20)
    • ►  enero (20)
  • ►  2013 (322)
    • ►  diciembre (34)
    • ►  noviembre (31)
    • ►  octubre (35)
    • ►  septiembre (33)
    • ►  agosto (42)
    • ►  julio (13)
    • ►  junio (17)
    • ►  mayo (26)
    • ►  abril (30)
    • ►  marzo (22)
    • ►  febrero (15)
    • ►  enero (24)
  • ►  2012 (171)
    • ►  diciembre (19)
    • ►  noviembre (20)
    • ►  octubre (13)
    • ►  septiembre (15)
    • ►  agosto (10)
    • ►  julio (10)
    • ►  junio (8)
    • ►  mayo (15)
    • ►  abril (12)
    • ►  marzo (15)
    • ►  febrero (19)
    • ►  enero (15)
  • ▼  2011 (186)
    • ►  diciembre (20)
    • ►  noviembre (16)
    • ►  octubre (16)
    • ►  septiembre (16)
    • ►  agosto (18)
    • ►  julio (19)
    • ▼  junio (22)
      • Emoticones de Taringa! para Blogger
      • Barra de Redes Sociales y Chat para Blogger
      • Redireccionar el blog a una nueva dirección
      • Reloj que cuenta en regresiva las horas del día
      • Titulo Optimizado en Blogger
      • Gadget (Sigueme en Facebook) con Bart
      • Estrellas de Valoracion de Twitter para Blogger
      • Iconos de Suscripcion para tu blog
      • Descubre quien copia tus entradas
      • Google Talk un nuevo Chat para tu Blog
      • Botones de Redes Sociales para Compartir entradas
      • Poner título del blog en movimiento
      • Nuevo Indice por etiquetas Mejorado
      • Chat como el de Facebook en tu blog
      • Cambiar el favicon ahora desde Blogger
      • Promociona tu blog con TotalPing!
      • Indice por Fecha en Blogger
      • Caja de Suscripción para tu blog
      • Mensaje en movimento en tu blog
      • Libro de Visitas para Blogger
      • Añadir el botón +1 de Google en Blogger
      • Gadget de entradas al azar
    • ►  mayo (25)
    • ►  abril (28)
    • ►  marzo (6)

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

Labels

  • Anuncios Oficiales
  • Comentarios
  • Concursos
  • Consejos
  • Dominios
  • Efectos
  • Feed
  • Festividades
  • Gadgets y Widgets
  • Humor
  • Imágenes
  • Monetiza tu blog
  • Off Topic
  • Plantillas
  • Recomendados
  • Recursos Web
  • Recursos Wordpress
  • Redes Sociales
  • SEO
  • Trucos Blogger
  • Tutoriales Blogger

© Mil Trucos Bloggers Published By Kaizen Templates powered by Blogger.com.
All Right Reserved By .