
Cuenta regresiva
Html y javascript de una cuenta regrasiva con auto direccion al momento de llegar a 0.
Snippet options
Download: Download snippet as cuenta-regresiva.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!
<!DOCTYPE html> <!-- Autor javascript: http://countdown.onlineclock.net/ Modificación javascript y autor html: Webempresa Descripción : Archivo de cuenta regresiva, copiar en la raíz o en alguna carpeta del sitio web. --> <html lang="es"> <head> <meta charset="utf-8"> <title>Cuenta Regresiva</title> <script type="text/javascript"> //cambiar configuración año=2020; mes=1; dia=1; hora=1; minuto=0; segundo=0; urlsitio = 'http://www.tusitio.com/'; //url del sitio web final dateFuture = new Date(año, mes-1 , dia, hora, minuto, segundo); window.onload=function(){GetCount();} </script> <style type="text/css"> /*cambiar estilos*/ #contenedor{ margin: 20px auto; width: 600px; text-align: center; } #textosuperior{ margin-top: 20px; font-family: Arial; font-size: 20px; color: #f05152; } #countbox{ font-size: 30px; font-family:Tahoma; background: #f05152; color: #fff; padding: 10px 0; margin: 20px auto 0; } #textoinferior{ font-size: 10px; font-family: Arial; margin-top: 20px; } </style> </head> <body> <div id="contenedor"> <!--cambiar ruta logo--> <img src="logoempresa.jpg" /> <!--cambiar texto--> <div id="textosuperior"> Cambiar el texto superior </div> <div id="countbox"></div> <!--cambiar texto--> <div id="textoinferior"> Cambiar el texto inferior </div> </div> </body> <script type="text/javascript"> // Codigo de http://countdown.onlineclock.net/ function GetCount(){ dateNow = new Date(); amount = dateFuture.getTime() - dateNow.getTime(); delete dateNow; if(amount < 0){ location.href=urlsitio; } else{ days=0;hours=0;mins=0;secs=0;out=""; amount = Math.floor(amount/1000); days=Math.floor(amount/86400); amount=amount%86400; hours=Math.floor(amount/3600); amount=amount%3600; mins=Math.floor(amount/60); amount=amount%60; secs=Math.floor(amount); if(days != 0){out += days +" dia"+((days!=1)?"s":"")+", ";} if(days != 0 || hours != 0){out += hours +" hora"+((hours!=1)?"s":"")+", ";} if(days != 0 || hours != 0 || mins != 0){out += mins +" minuto"+((mins!=1)?"s":"")+", ";} out += secs +" segundos"; document.getElementById('countbox').innerHTML=out; setTimeout("GetCount()", 1000); } } </script> </html>
Create a free my code stock.com account now.
my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!
Find out more and register nowYou can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.