jQuery dayTimr

9/Ene/2013 190

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. web hosting are [#]

    I am genuinely grateful to the holder of this website who
    has shared this enormous paragraph at at this place.

  2. why web hosting [#]

    For most up-to-date news you have to pay a quick visit internet and on world-wide-web I found this web page
    as a most excellent website for most up-to-date updates.

  3. Lloydneoky [#]

    price of cialis
    drugs without prescription lowest cost cialis generic viagra online pharmacy prescription codes cost of cialis canada pharmacies online prescriptions drugstore online my canadian pharcharmy online buy medication online order viagra without prescription
    viagra online prescription prescription codes soft viagra canadian prescription lowest price viagra

  4. hydroxychloroquine sulfate 300 mg [#]

    WOW just what I was searching for. Came here by searching for hydroxychloroquine http://hydroxychloroquined.online/

  5. it quest bars [#]

    Greetings! Very useful advice in this particular
    article! It’s the little changes which will make the most important changes.
    Thanks a lot for sharing!

  6. our quest bars [#]

    Thanks for sharing your thoughts. I truly appreciate your
    efforts and I will be waiting for your further
    post thanks once again.

  7. ivermectin1.com [#]

    ivermectin 3mg м •м њ мљ©лџ‰ jQuery dayTimr | CSSLab | Laboratorio de ideas web http://ivermectin1.com/ ivermectin

  8. rich gay dating site [#]

    gay dating us https://gaydatinglosangeles.com/

  9. FelipeHaw [#]

    canadian pharcharmy online without prescription
    viagra for sale online viagra brand for sale side effects of viagra order viagra [url=https://ccm.net/profile/user/coincement49]canadian pharcharmy online viagra[/url] list of canada online pharmacies canadadrugpharmacy.com where can i buy viagra generic viagra free shipping [url=http://ctor.com.ua/user/flutegarden64/]buy online viagra[/url]
    cialis from canadian pharmacies cheap drugs costco pharmacy viagra without a doctor prescription [url=https://telegra.ph/Canada-Pharmacies-Can-Aid-Individuals-Keep-Avoid-and-Also-healthy-The-Expenses-Of-Seeing-A-Pharmacist-08-04]what is cialis[/url]

  10. hydroxychloroquineMt [#]

    chloroquine buy chloroquine phosphate online define hydroxychloroquine

  11. gay daddy dating [#]

    gay surfer dating https://gay-singles-dating.com/

  12. list of gay dating sites [#]

    mature men gay dating https://dating-gaym.com/

  13. ivermectin1.com [#]

    stromectol cvs jQuery dayTimr | CSSLab | Laboratorio de ideas web https://ivermectin1.com/ ivermectin dosage

  14. ivermectin cost at walmart [#]

    stromectol south africa jQuery dayTimr | CSSLab | Laboratorio de ideas web http://ivermectin1.com/ ivermectin for humans amazon

  15. quest bars the [#]

    Helpful info. Lucky me I discovered your website by chance, and I’m
    stunned why this coincidence didn’t came about in advance!
    I bookmarked it. quest bars http://j.mp/3C2tkMR quest bars

  16. app.gumroad.com [#]

    I could not resist commenting. Exceptionally well
    written! asmr https://app.gumroad.com/asmr2021/p/best-asmr-online asmr

  17. gay dating sites chicago [#]

    walmart promotes gay dating ad https://gayedating.com/

  18. http://bit.ly [#]

    My developer is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses.

    But he’s tryiong none the less. I’ve been using Movable-type on several websites for about a year and am concerned about
    switching to another platform. I have heard great
    things about blogengine.net. Is there a way I can import all my wordpress content
    into it? Any kind of help would be really appreciated!
    scoliosis surgery https://0401mm.tumblr.com/ scoliosis surgery

  19. http://j.mp/3hkp4jI [#]

    I’m extremely impressed with your writing skills and also with the
    layout on your blog. Is this a paid theme or did you customize it yourself?

    Anyway keep up the excellent quality writing, it is rare to see a nice blog like this one these days.
    cheap flights http://1704milesapart.tumblr.com/ cheap flights

  20. mature men gay dating [#]

    ffxiv gay dating https://datinggayservices.com/

  21. liquid cialis dosage forums [#]

    It’s very effortless to find out any topic on web as compared to textbooks, as I found this piece of writing at
    this site. https://tadalafili.com/

  22. gay dating show audition logo [#]

    gay black guys dating https://gayonlinedating.net/

  23. quest bars are [#]

    Hey there! Do you know if they make any plugins to assist with Search Engine
    Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good success.
    If you know of any please share. Cheers! quest bars http://bit.ly/3jZgEA2 quest bars

  24. PeterCed [#]

    metoprolol
    prescription for cialis viagra sale online cialis over the counter canada canadian pharmacy viagra buy drugs in canada cialis at canadian pharmacies viagra effects on women my canadian pharcharmy online canadianpharmacymeds.com free sample viagra
    canadian cialis online pharmacy canada pharmacy cialis cheapest viagra prices canadian discount pharmacies where to buy viagra online

  25. http://tinyurl.com/ [#]

    Hello, just wanted to say, I loved this article. It was inspiring.
    Keep on posting! cheap flights http://1704milesapart.tumblr.com/ cheap
    flights

  26. PeterCed [#]

    ordering viagra
    costco usa online prescription drugs order cialis from canada cialis from canada canada drug stores canadian pharmacy viagra canadian drug companies cialis without a prescription cielas best online pharmacies
    canadian viagra online pharmacy reviews canadian pharmacy – viagra canadian cialis] viagra online shop canadian-drugs

  27. http://j.mp/ [#]

    I really like it when individuals come together and share opinions.
    Great blog, stick with it! ps4 https://bitly.com/3z5HwTp ps4

  28. http://bitly.com [#]

    I’m really loving the theme/design of your site.
    Do you ever run into any web browser compatibility
    problems? A few of my blog audience have complained about my
    website not working correctly in Explorer but looks great in Safari.
    Do you have any ideas to help fix this problem?
    ps4 https://bitly.com/3nkdKIi ps4

  29. http://coub.com/ [#]

    Please let me know if you’re looking for a article writer
    for your blog. You have some really great posts and I
    believe I would be a good asset. If you ever want to take some
    of the load off, I’d really like to write some content for your blog in exchange for a link back to mine.
    Please send me an email if interested. Thanks! scoliosis surgery
    https://coub.com/stories/962966-scoliosis-surgery scoliosis surgery

  30. http://www.iherb.com/search?kw=questbars [#]

    Unquestionably believe that which you stated.

    Your favorite justification seemed to be on the internet the simplest factor to
    keep in mind of. I say to you, I certainly get annoyed while other
    folks think about worries that they just don’t recognise about.
    You controlled to hit the nail upon the top and also defined out
    the entire thing without having side effect , other people
    could take a signal. Will probably be back to get more.

    Thanks quest bars https://www.iherb.com/search?kw=quest%20bars quest bars

  31. zyrtec dosage [#]

    zyrtec prices comparison – http://allergyd.com

  32. zyrtec 5 mg [#]

    warnings for cetirizine – http://allergyd.com

  33. zyrtec dosage [#]

    $10 zyrtec coupon – http://allergyd.com

  34. ivermectin over the counter [#]

    Global Information Far this outcome
    https://ivermectinstrom.com ivermectin 6 mg
    https://ivermectinst.com how to obtain ivermectin
    https://stromectolivermect.com ivermectin australia
    https://ivermectstromect.com buy ivermectin 6mg
    https://stromectolivermect.com fda ivermectin

  35. stromectolforte.com [#]

    ivermectin tablets https://stromectolforte.com/ stromectol 3 mg dosage ivermectin 12 mg tablets for sale

  36. stromectolforte.com [#]

    ivermectin for humans https://stromectolforte.com/ ivermectin for humans dosage how to buy ivermectin

  37. ivermectin drops [#]

    I enjoy reading an article that can make people think.
    Also, many thanks for allowing for me to comment! http://harmonyhomesltd.com/Ivermectinum-tablets.html

  38. stromectolforte.com [#]

    ivermectin 3mg tablets https://stromectolforte.com/ ivermectin ivermectin kaufen

  39. cialiswlmrt.com [#]

    gillette children’s specialty healthcare http://cialiswlmrt.com – generic cialis

  40. modalert200 [#]

    https://modafinilltop.com/ buy modafinil

CSSLab