Contador de tiempo en una página... casi sin código – Email

No sé si interesa mucho o no, hacerles saber a nuestros lectores cuánto tiempo llevanperdido en una página nuestra. Lo digo porque si echaran cuentas, quizás cerrarían la ventana -o el navegador entero- y a lomejor, se pondrían a hacer algo más provechoso ;)

Pero bueno, en cualquier caso, me ha gustado este truquillo que ví en el blog¿Cómo se hace...? y por eso lo explico. La idea es poner un contador de tiempo que se inicia al cargar una página y actualizarlo segundo a segundo para mostrar el tiempo acumulado que se lleva en ella.

Allí nos proponen en primer lugar, un script para crear nuestrocontador de permanencia. Lo de usar JavaScript es probablemente lo primero que nos vendría a la cabeza a la mayoría; pero lo que me ha parecido más ingenioso, ha sido la segunda opción que se propone y que prescinde de tener que crear una rutina. Como vemos, se puede conseguir lo mismo de una forma más sencilla y quizás más estética, con unos simples GIFs animados.

Tiempo que llevas leyendo esta entrada

Esto que habeis visto son 5 imágenes animadas, que incluyen los números y tiempos entre cuadros, necesarios para conseguir el efecto. De izquierda a derecha:

1. Dígitos del 0 al 5, con 600 segundos de retardo entre cuadros
2. Dígitos del 0 al 9, con 60 segundos de retardo entre cuadros
3. Dos puntos + cuadro en blanco, con 1 segundo de retardo entre cuadros
4. Dígitos del 0 al 5, con 10 segundos de retardo entre cuadros
5. Dígitos del 0 al 9, con 1 segundo de retardo entre cuadros

Que quede claro que el sistema del script es perfecto y este de las imágenes puede tener pequeños desajustes si nuestra conexión no es muy rápida o si el servidor de las imágenes está pesado. También, por cuestiones del caché, si tenemos varias ventanas abiertas con estas mismas imágenes, puede que veamoscosas raras. Por supuesto, nuestro contador no pasa de los 59 minutos, 59 segundos, pero ya sería raro que alguien estuviera una hora leyendo un post.

Lo que habría que teclear para conseguir este contador sería esto:

div style="text-align: center;"Tiempo que llevas leyendo esta entrada/div

div style="margin: 0px auto; text-align: center; width: 150px;"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuSziq03E-EvaYufrnYULOFpDXHp7qJRHzTXSUXltlRcFl0CYjZ2P3-fr45OtFuEncqhxsGriFe9h8wiD8weuyQKq8DYOTFwhegj84JOxYzTXpD2ERRKfBl9th0V6EaTJCWph8WWiCMhFs/" /img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxgY4nxp30-4b8p41a4x-JfFSx-tLBVwgCeLQc2eq-D995MQfHxW2nBl7h5p_3BL2SI8MiNKgxGXykxFcRcsjtNKwpN0wR2VjejRnq2alBpKMrlhUH05emzHRVGgkm97C2jv4gxaXHt8aT/" /img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5rWKUUdMEiibyUsM9o_hKKlKnnuHCK0gqV-RmeMfPn5XFWPj4lVHvg5mWFm1gCkG1bcUMP5K9nFlerfcDci_TchAgjzHtP6NnHDncdP5e2qRZZ1bkqhpsa8yf71jQ9rfD1DsIhGH5nDzq/" /img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK7PtxW-zszYpamuI92k2p1rjbZiaij7-GjehVQpE4xYsgALxa5WWtJLkEaQ2mrIo5__Yj0qULg2rVp8Jpcn0UvXPbBXlznoCRv-uiE-Jo1pP-VGlS8zUPZs72UicAW_B-fVqKaYLvC4rZ/" /img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG-2stwnha028QoIugaxvydDX_oip-Eu3V4qSY6pXa_J0s3BxQ0StiJGnTznhAcicvbiDMachljbkVH9g1loHPmxtTovquQXpHBttuXuQ14z5-XOlpCCWDmqBkHCtk04xB8ixXCUUN639M/" //div

Como siempre, lo conveniente es que bajeis las imágenes del ejemplo y tras alojarlas vosotros mismos, sustituyais las direcciones en el anterior ejemplo. También podeiscrear vuestros propios GIFs para una personalización total.

No me digais que no es una solución creativa ¿o no?

Cheap Car Insurance in Virginia Casino CHEAP CAR INSURANCE FOR LADIES Business finance group STRUCTURED ANNUITY SETTLEMENT Paperport Promotional Code PHD on Counseling Education Live casino Dwi lawyer Psd to html structured settlement buyer peritoneal mesothelioma Adobe illustrator classes register free domains Online casino Criminal defense lawyer Mobile casino integrated ehr asbestos lawyers Donating Used Cars to Charity MET AUTO Make money online Australia Social media tools mesothelioma claim how to donate a car in california world trade center footage Donate Your Car for Kids Best social media platforms data recovery raid mesothelioma attorney california Structures Annuity Settlement Donate your Car for Money Business VOIP Solutions Casino reviews auto insurance cost by state Criminal lawyer mortgage adviser Best Criminal Lawyers in Arizona best consolidation loan student car insurance in south dakota Donate Car for Tax Credit Psychic for Free WordPress hosting mesothelioma help DUI lawyer online criminal justice degree Personal Injury Lawyers Online colledges Hire php developers Php programmers for hire Hire php programmers mesotheloma FUTURISTIC ARCHITECTURE student loan consolidation program domain yahoo Christmas cards Online classes HOLLAND MICHIGAN COLLEGE Business management software Email bulk service Online Christmas cards Service business software Met Auto Computer science classes online mesotheliama Virtual Data Rooms BEST CRIMINAL LAWYER IN ARIZONA HOME PHONE INTERNET BUNDLE Gas/Electricity Donate Car to Charity California car crash attorneys Hire php developer Bankruptcy lawyer business voip solutions auto accident attorney SELL ANNUITY PAYMENT CRIMINAL DEFENSE ATTORNEYS FLORIDA Best social media platforms for business Seo services Forex Trading Platform Mesothelioma Law Firm Email Bulk Service mesothelioma law firms MESOTHELIOMA LAW FIRM compare life assurance mesothelioma litigation workplace accident attorney World Trade Center Footage Tech school Dayton freight lines Php programmers structured settlement sell Insurance Companies royalty free images stock WordPress themes for designers mesotheioma Seo companies colorado mesothelioma lawyers New social media platforms Social media platforms for business online motor insurance quotes BETTER CONFERENCING CALLS FORENSICS ONLINE COURSE Custom WordPress theme designer Best Seo company Futuristic Architecture Photo Christmas cards cell cycle regulation ppt google affiliate asterisk call center software Seo company utah mesothelioma lawyer Online Classes Custom Christmas cards Life insurance co Lincoln personal injury attorney ocala fl Social media examiner best mesothelioma lawyers pharmacist jobs in chicago mesothelioma claims Annuity Settlements Donate Cars in MA workers compensation lawyer los angeles Psd to WordPress structured settlement purchasers selling annuity payments for cash ashely madis Criminal Defense Attorneys Florida refinance with bad credit Social media management Donate Your Car Sacramento Dedicated Hosting Dedicated Server Hosting california mesothelioma attorney How to donate a car in California Social media campaigns MOTOR REPLACEMENTS Html email Social media platforms DONATE A CAR IN MARYLAND Proud Italian cook MASSAGE SCHOOL DALLAS TEXAS Car Insurance Quotes PA Better conferencing calls webex costs Life Insurance Co Lincoln mesothelioma attorney florida Cheap car insurance in Virginia CAR INSURANCE QUOTES PA Italian cooking school caraccidentlawyer WordPress theme designers Social media strategies Cheap Car Insurance for Ladies Learning adobe illustrator Online Motor Insurance Quotes Criminal lawyer Miami Better Conference Calls illinois mesothelioma lawyer best accident attorneys Best criminal lawyer in Arizona fast cash for house Cheap Domain Registration Hosting See more at http//wwwginfostopnet/ Car Insurance Companies Royalty Free Images Stock quotes car Injury Lawyers car insurance quotes pa emergency response plan ppt How to Donate A Car in California auto accident lawyer san francisco DAYTON FREIGHT LINES Donate Old Cars to Charity Sell Annuity Payment personal injury solicitor Asbestos Lawyers mesothelioma care Car Insurance Quotes Colorado Nunavut Culture Automobile Accident Attorney Dayton Freight Lines low credit line credit cards Hard drive Data Recovery Services car accident lawyers west palm beach HARDDRIVE DATA RECOVERY SERVICES Donate a Car in Maryland Motor Replacements best criminal lawyer in arizona Low Credit Line Credit Cards Donating a Car in Maryland Donate Cars Illinois Massage School Dallas Texas structered settlement benchmark lending structured settlement annuity companies mesothelioma information WEBEX COSTS Car Insurance Quotes Utah Holland Michigan College Online Colleges att call conference ANNUITY SETTLEMENT CAR INSURANCE QUOTES COLORADO mesothelioma settlement amounts LIFE INSURANCE CO LINCOLN mesothelioma lawyer houston PSYCHIC FOR FREE CAR ACCIDENT LAWYERS Dallas Mesothelioma Attorneys Car Insurance Quotes MN