{"id":6111,"date":"2013-09-11T18:49:36","date_gmt":"2013-09-11T18:49:36","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6111"},"modified":"2013-09-15T11:15:05","modified_gmt":"2013-09-15T11:15:05","slug":"epiclock","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/","title":{"rendered":"Epiclock"},"content":{"rendered":"<p>Epiclock es un plugin jQuery que nos permiter a\u00f1adir un reloj con distintos modos de funcionamiento y con distintas utilidades.<\/p>\n<p>A\u00f1adir este reloj o cuenta atr\u00e1s en nuestras p\u00e1ginas es tan sencillo como a\u00f1adir en la cabecera o &lt;head&gt; la librer\u00eda jQuery, el plugin y su llamada (con opciones) como por ejemplo:<\/p>\n<pre>&lt;script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"epiclock\/javascript\/jquery.dateformat.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\" src=\"epiclock\/javascript\/jquery.epiclock.js\"&gt;&lt;\/script&gt;\r\n&lt;script type=\"text\/javascript\"&gt;\r\n$(function () {\r\n\u00a0\u00a0 \u00a0$('#clock').epiclock({\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0mode: 'countdown', \r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0target: '2013 12 31 11:59:59'\r\n\u00a0\u00a0 \u00a0}).bind('timer', function(){\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0$('&lt;span&gt;This timer has expired!&lt;\/span&gt;').css({color: '#F60000', display: 'none', paddingLeft: 10}).appendTo(this).fadeIn(250);\r\n\u00a0\u00a0\u00a0 });\r\n});\r\n&lt;\/script&gt;<\/pre>\n<p>En el caso del ejemplo en funcionamiento hemos querido a\u00f1adir una cuenta atr\u00e1s hasta una fecha concreta mostrando cuando llegue la fecha un mensaje indicando sobre la expiraci\u00f3n. F\u00edjate que dentro del bind() que es donde est\u00e1 el c\u00f3digo de control del fin de la cuenta podr\u00edamos a\u00f1adir el c\u00f3digo que quereamos, incluso podr\u00edamos incluir un ajax para ejecutar un php en ese momento para que actualice un registro en base de datos por ejemplo.<\/p>\n<p>En el &lt;body&gt; debereos incluir en contenedor con id=\u00bbclock\u00bb en el lugar donde queramos que aparezca la cuenta atr\u00e1s:<\/p>\n<pre>&lt;div id='clock'&gt;&lt;\/div&gt;<\/pre>\n<p>Lo que me gusta de este plugin es que es bastante exacto con las cuentas atr\u00e1s, sencillo de implementar y viene por defecto sin personalizar pudi\u00e9ndole dar f\u00e1cilmente el estilo que deseemos.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/scripts\/jquery\/epiclock\/demo.html\" target=\"_blank\">Ver el ejemplo en funcionamiento<\/a><\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/scripts\/jquery\/epiclock\/\" target=\"_blank\">Ver m\u00e1s ejemplos<\/a><\/p>\n<p><a href=\"http:\/\/code.google.com\/p\/epiclock\/wiki\/ClockGuide\" target=\"_blank\">Clock Guide<\/a><\/p>\n<p><a href=\"http:\/\/code.google.com\/p\/epiclock\/downloads\/list\" target=\"_blank\">Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Epiclock es un plugin jQuery que nos permiter a\u00f1adir un reloj con distintos modos de funcionamiento y con distintas utilidades. A\u00f1adir este reloj o cuenta atr\u00e1s en nuestras p\u00e1ginas es tan sencillo como a\u00f1adir en la cabecera o &lt;head&gt; la librer\u00eda jQuery, el plugin y su llamada (con opciones) como por ejemplo: &lt;script type=\u00bbtext\/javascript\u00bb src=\u00bbhttp:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js\u00bb&gt;&lt;\/script&gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5459,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[65],"class_list":["post-6111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","tag-countdown"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Epiclock - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Epiclock - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Epiclock es un plugin jQuery que nos permiter a\u00f1adir un reloj con distintos modos de funcionamiento y con distintas utilidades. A\u00f1adir este reloj o cuenta atr\u00e1s en nuestras p\u00e1ginas es tan sencillo como a\u00f1adir en la cabecera o &lt;head&gt; la librer\u00eda jQuery, el plugin y su llamada (con opciones) como por ejemplo: &lt;script type=&quot;text\/javascript&quot; src=&quot;http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js&quot;&gt;&lt;\/script&gt; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-11T18:49:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-09-15T11:15:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/\",\"name\":\"Epiclock - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png\",\"datePublished\":\"2013-09-11T18:49:36+00:00\",\"dateModified\":\"2013-09-15T11:15:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png\",\"width\":200,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Epiclock\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Epiclock - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Epiclock - Jose Aguilar Blog","og_description":"Epiclock es un plugin jQuery que nos permiter a\u00f1adir un reloj con distintos modos de funcionamiento y con distintas utilidades. A\u00f1adir este reloj o cuenta atr\u00e1s en nuestras p\u00e1ginas es tan sencillo como a\u00f1adir en la cabecera o &lt;head&gt; la librer\u00eda jQuery, el plugin y su llamada (con opciones) como por ejemplo: &lt;script type=\"text\/javascript\" src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.4.2\/jquery.min.js\"&gt;&lt;\/script&gt; [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2013-09-11T18:49:36+00:00","article_modified_time":"2013-09-15T11:15:05+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/","url":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/","name":"Epiclock - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png","datePublished":"2013-09-11T18:49:36+00:00","dateModified":"2013-09-15T11:15:05+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/epiclock\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/jquery1.png","width":200,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/epiclock\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Epiclock"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6111"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6111\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/5459"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}