jQuery dayTimr

9/Ene/2013 50

jQuery dayTimr

Toma y utiliza la hora del día actual del usuario para hacer cualquier cosa a la página actual usando un simple callback. Sólo eso. ¡Funciona hasta en IE!

Get and uses the user’s current time of the day to do anything to the current page using a simple callback. Just that. Even works in IE!

Selecciona tu idioma / Select your language:

EN

Use:

$(function(){
   $('body').dayTimr();  // use any HTML element
});

Settings:

$('body').dayTimr({
	'nightClass' : 'night',         // name of the class used if it is night time
	'nightStart' : '21:00',         // time when night starts, must be HH:MM (if it is >= 9 don't use the 0)
	'dawnClass' : 'dawn',           // name of the class used if it is dawn time
	'dawnStart' : '0:00',           // time when dawn starts, must be HH:MM (if it is >= 9 don't use the 0)
	'morningClass' : 'morning',     // name of the class used if it is morning time
	'morningStart' : '7:00',        // time when morning starts, must be HH:MM (if it is >= 9 don't use the 0)
	'afternoonClass': 'afternoon',  // name of the class used if it is afternoon time
	'afternoonStart': '12:00',      // time when afternoon starts, must be HH:MM (if it is >= 9 don't use the 0)
	'debug' : false,                // if true show what's going on in the browser's console
	onNight : function(){},         // callback if it is night; default it adds the nightClass to the body
	onDawn : function(){},          // callback if it is dawn; default it adds the dawnClass to the body
	onMorning : function(){},       // callback if it is morning; default it adds the morningClass to the body
	onAfternoon : function(){}      // callback if it is afternoon; default it adds the afternoonClass to the body
});
Changelog:
  • 1.0: now you can choose your behavior through the callback.
  • 0.4.1: BUG: onMorning.call fixed.
  • 0.4: First public release.

ES

Toma y utiliza la hora del día actual del usuario para hacer cualquier cosa a la página actual a través de un callaback. Sólo eso.

Uso:

$(function(){
   $('body').dayTimr();  // puedes utilizar cualquier elemento HTML
});

Configuración:

$('body').dayTimr({
	'nightClass' : 'night',         // nombre de la clase si es de noche
	'nightStart' : '21:00',         // hora cuando comienza la noche, debe ser en el formato HH:MM (si es >= 9 no antepongas el 0)
	'dawnClass' : 'dawn',           // nombre de la clase si es de madrugada
	'dawnStart' : '0:00',           // hora cuando comienza la madrugada, debe ser en el formato HH:MM (si es >= 9 no antepongas el 0)
	'morningClass' : 'morning',     // nombre de la clase si es de mañana
	'morningStart' : '7:00',        // hora cuando comienza la mañana, debe ser en el formato HH:MM (si es >= 9 no antepongas el 0)
	'afternoonClass': 'afternoon',  // nombre de la clase si es de tarde
	'afternoonStart': '12:00',      // hora cuando comienza la tarde, debe ser en el formato HH:MM (si es >= 9 no antepongas el 0)
	'debug' : false,                // si es true muestra lo que hace el plugin por la consola
	onNight : function(){},         // callback si es de noche; por defecto inyecta al body la clase definida en nightClass
	onDawn : function(){},          // callback si es de madrugada; por defecto inyecta al body la clase definida en dawnClass
	onMorning : function(){},       // callback si es de mañana; por defecto inyecta al body la clase definida en morningClass
	onAfternoon : function(){}      // callback si es de tarde; por defecto inyecta al body la clase definida en afternoonClass
});
Cambios:
  • 1.0: ahora puedes definir el comportamiento a través del callback.
  • 0.4.1: BUG: onMorning.call solucionado.
  • 0.4: Primera publicación.

Demo/Ejemplo

Download/Bajar Plugin

Copyright 2013, CSSLab.cl – Free under the MIT license. Blackhole Icon from Turbomilk

Comentarios

  1. Alberto [#]

    Perdón por la ignoracia, pero ¿como la agrego a mi sitio web?

  2. Phil [#]

    A primera vista pensaba que se podía pintar la hora poniendo una clase a un tag html cualquiera pero no.
    Solo se trata de ver el sol y el background cambiando en función de la hora del día verdad?

    A parte de esto, he descargado el plugin y me sale un error js en la linea settings.onMorningcall(this); porque falta el ‘.’ entre Morning y call –> settings.onMorning.call(this);

    Para acabar, te felicito por tu trabajo en esa web porque hay cosas muy interesantes e utiles.

    Saludos,
    Phil.

  3. Jorge Epuñan [#]

    Gracias Phil por el bug, solucionado y subido en nueva version. La idea del plugin no es poner un reloj explicitamente sino permitir manipular elementos determinados por rangos de horas del dia.

    El sol y el color de fondo se dibujan deacuerdo a la class inyectada segun sea la hora del dia; eventualmente puedes hacer lo que quieras, con el callback puedes inyectar un video por ejemplo si es mañana, tarde o noche; enfin.

    Salu2.

  4. Cotelandia [#]

    No veo nada en la página del demo.

  5. Ydwpbq [#]

    buy tadalafil online cheap – buy tadalafil online safely tadalafil online canadian pharmacy

  6. Ysfbpy [#]

    discount tadalafil – tadalafil 20 canadian pharmacy tadalafil

  7. Lpqqio [#]

    does propecia work – generic propecia price propecia pdf

  8. Jufnvh [#]

    does propecia affect bodybuilding – http://finasteridepls.com/ how does propecia work

  9. Kfjjnf [#]

    propecia dht blocker – http://propechl.com/ how to know if propecia is working

  10. Hvstnc [#]

    finasteride results – http://propechl.com/ propecia prescription

  11. Qmkwai [#]

    buy propecia – finasteride for hair loss nebenwirkungen propecia

  12. Gqfirr [#]

    buy generic tadalafil online – http://xtadalafilp.com/ generic tadalafil 20mg

  13. Urzgiw [#]

    buy generic tadalafil online – http://xtadalafilp.com/ tadalafil prescription online

  14. Fbwnmj [#]

    Apdyfk – Us viagra cheap viagra online canadian pharmacy

  15. Mdibar [#]

    Wdgdlb – site viagra approved

  16. Qfzffg [#]

    Xqwiug – http://virviaga.com/ sildenafil generic dosage

  17. HowardPoobE [#]

    dating websites
    free dating near you

  18. HowardPoobE [#]

    free adult dating
    free chat online singles

  19. HowardPoobE [#]

    free chat now
    mature adult phone chat

  20. Fptalc [#]

    Kiuehx – modafinil and weight loss Cwmjoa wommkh

  21. HowardPoobE [#]

    local dating sites for free
    single chatting free

  22. Ikmxwr [#]

    Trydyi – stromectol tablets Cjcicu dvnfpp

  23. Egtnyj [#]

    Svrher – online levitra Gkpkhq lfjdqz

  24. Yeoegv [#]

    Xrlslo – achat tadalafil Qymgmu otlsbq

  25. Ejcule [#]

    Puyptz – buy lasix Qefsda ownzvl

  26. Pvknzj [#]

    Evridb – furosempi.com Balfta sfgqbn

  27. Ntjpnh [#]

    Mwzbzp – clomid tablets Yyxmko snkezv

  28. Dmgome [#]

    Ssnwam – generic roxithromycin Yjcyfl grlmie

  29. Frkvec [#]

    Kkvtmy – tadalafil 5mg tablet online canada Cpkhpj vitwhw

  30. Lhzkuv [#]

    Bkhgtp – canadian pharmacy tadalafil online Vrzrlm hwcwog

  31. Bdkwby [#]

    Lotemf – average price of sildenafil in usa 100mg Jqwdkk gfuqvo

  32. Ehmszm [#]

    Hlubtv – sildenafil-citrate Ilmjdt hexlqm

  33. Vcixtr [#]

    Sxpjap – essay writing notes Uwzmbq ogggom

  34. Yneotm [#]

    Lrufzh – college algebra homework problems Jfahcy zjrnsn

  35. Williamtaw [#]

    free local singles
    free adult dating

  36. Wiyiar [#]

    Igpwcg – sildenafil online Niuslz bdiknt

  37. Snyzvx [#]

    Rpsovt – viagra in south africa Vlvqfq reiiyg

  38. Sfsdyt [#]

    ivermectin 5 mg – stromectol 3mg ivermectin 5

  39. Fswfgh [#]

    ivermectin buy – stromectol tab price ivermectin 1mg

  40. Ywbhhd [#]

    ivermectin 3mg tablets – ivermectin 5 mg ivermectin 8000 mcg

  41. Pxrnbb [#]

    how much is ondansetron 8 mg – generic ondansetron 4mg cost ondansetron 12mg

  42. Javierexesk [#]

    tinder sign up , browse tinder for free
    tider

  43. Xsrbxt [#]

    cost of ivermectin medicine – ivermectin indications ivermectin without prescription

  44. Dfkubw [#]

    stromectol australia – ivermectin drug ivermectin order online

  45. Jqzims [#]

    ivermectin 3mg dose – stromectol tab 3mg ivermectin 6 tablet

  46. Cxxjov [#]

    ivermectin lotion 0.5 – stromectol 3 mg tablet cost of stromectol

  47. Xdxodh [#]

    plavix 1982 – plavix online pharmacy clopidogrel price uk

  48. Javierexesk [#]

    tinder app , how to use tinder
    http://tinderentrar.com/

  49. Gxlads [#]

    buy clopidogrel 75 mg – plavix price in singapore clopidogrel 25 mg

  50. Rwkecm [#]

    best over the counter ed pills – which ed pills help ejacculation triceratops 5 ed pills

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab