martes, 15 de mayo de 2018

Cuenta atrás para un evento en javascript

Hoy vamos a ver como poner una cuenta atrás para un evento en una fecha determinada. Es un contador de días , que va mostrando cuantos días faltan para la fecha seleccionada, y llegado al día nos muestra otro texto, como que ya es e día.




cuenta atras para cento con javascript




El código es un javascript listo para ponerlo en nuestra web, si no lo ponéis en fichero .js tener en cuenta que hay que meterlo entre etiquetas de javascript.



  1. var ab=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
  2. var x = ano ;
  3. function fecha(yr,m,d){
  4. var a=new Date();
  5. var b=a.getYear();
  6. if (b < 1000){b+=1900};
  7. var c=a.getMonth();
  8. var d=a.getDate();
  9. var e=ab[c]+" "+d+", "+b ;
  10. var f=ab[m-1]+" "+d+", "+yr ;
  11. var ac=(Math.round((Date.parse(f)-Date.parse(e))/(24*60*60*1000))*1);
  12. if (ac==0){
  13. document.write("Hoy es Nochevieja");
  14. }else if (ac>0){
  15. document.write("Faltan "+ac+" días para Nochevieja ");
  16. }
  17. };

  18. fecha(2018,12,31); 




Como veis, solo tenéis que modificar los textos a mostrar y la fecha del evento, esto se puede poner dentro de un div y darle estilos para su mejor presentación, eso os lo dejo a vuestra elección.

Os dejo para que veáis como funciona:




Espero que os haya sido útil.



Un saludo.

No hay comentarios:

Publicar un comentario

Para insertar código html en tu comentario,convertir aquí