¿Quieres mejorar o personalizar más este ejercicio? Aqui tienes el codepen codepen.io/AlvaroFelipe/pen/EvJrOW No olvides suscribirte y compartir el video si te gustó.
Hola, hay forma de modificar este script que no sea cuenta regresiva si no progresiva, es decir para ir aumentando días desde una fecha determinada pasada.?
hola, que bueno ver contenido sin usar ningun tipo de framework o libreria, soy fanatico del javascript puro, este video va influenciar a muchas personas para que comiencen a ver que no se necesita un framework para poder hacer algun sistema, sigan asi saludos.
Yo soy un aficionado a la programación me gustò mucho y aprendì mucho con el CODEPEN, no tengo dinero para pagar cursos, pero, te he aprendido mucho gracias amigo saludos desde Colombia
Tomando como base la fecha en que estoy ahorita mismo, ya solo le quedarían 10 días para terminar al primer contador que ejecutó. Quién iba a decir que este 2020 no tiene mucho de feliz jajajajajaja 😅
Excelente video. No entendí la línea de 'remainSeconds' que le has asignado y porque se usa el residuo 60. Que es lo que se divide ahí? Entiendo que se obtienen todos los segundos restantes a la fecha limite con la variable anterior 'remainTime', pero que se obtiene finalmente con ese residuo de 60 solo en esa linea? Saludos!
Profe buenos días, q buen video, me gustaría saber si aplico ese código en una evaluación me funcionaria? será que al terminar el tiempo la evaluación calificara lo que solo se selecciono en los input.
Hola amigo. ¿cómo se podría hacer un juego de "control de acceso" para teclear una "contraseña" que previamente se pueda introducir, para que sea validada y que si es correcta aparezca un msg de acceso o de lo contrario uno de error?, como simple cuestión lúdica para juegos de escape?. Gracias.
Alguien me puede ayudar por favor???? Como hago para darle estilos a Día, hora minutos y segundos por separado?? Quería hacer un recuadro para cada número, Ya q en el html solo hay un div, como tendría que hacer? Soy seguidor de sus videos de hace muchoooo pero este me dejo consternado en esa parte je.
5 лет назад+1
Excelente video. Con esto se puede proteger un enlace que aparezca luego de terminar una cuenta regresiva de por ejemplo 45 segundos?
Hola...excelente el vídeo y mejor la explicación, pero tengo una duda con respecto al paso de los parámetros de tu cuanta regresiva...ya que tu pones el valor en duro en la función "countdown("Sun May 17 2022 23:16:35 GMT-0400","clock","Muchas Gracias");", pero mi duda es que si le quiero pasar por ejemplo 50 minutos o 120 minutos o lo que sea pero en minutos...y haga igual el calculo...te pregunto esto ya que no soy experto y necesito saber como hacerlo...por tu ayuda muchas gracias.
Muy buen video. Una consulta. Si quisiera hacer un temporizador x minutos por ejemplo, ¿ como paso el valor de esos x minutos en mi html y los recojo en .js ?
Hola qué tal? Tengo un problema a la hora de ejecutar el contador Uso notepad++ y al darle ejecutar en Chrome me imprime solo el texto del HTML, hice todo tal y como en el vídeo Ayuda por favor
POR FAVOR AYUDA! Nunca he programado pero tengo que resolver esto: Mi evento es para el 8 de Diciembre de 2018. Ya estoy usando una plantilla HTML la cual incluyo, y tengo este código java. Me podrían indicar cómo corregirlo y hacerlo funcionar? MIL GRACIAS DE ANTEMANO!!! HTML
2018 año de la BMW Expoclásica de Guatemala Contador regresivo para el inicio del evento. Será programado en 01 de Enero de 2018 y marca la fecha y hora de la Expoclásica 2018.
00 Days
00 Hours
00 Mins
00 Secs
IR A LA PÁGINA PRINCIPAL __________________________________________________________________________ JAVA (function($) { $.fn.countdown = function(options, callback) { //custom 'this' selector thisEl = $(this); //array of custom settings var settings = { 'date': null, 'format': null }; //append the settings array to options if(options) { $.extend(settings, options); } //main countdown function function countdown_proc() { eventDate = Date.parse(settings['Dec 08 2018 10:30:00 GMT-0500']) / 1000; currentDate = Math.floor($.now() / 1000); if(eventDate = 2) ? days : "0" + days; hours = (String(hours).length >= 2) ? hours : "0" + hours; minutes = (String(minutes).length >= 2) ? minutes : "0" + minutes; seconds = (String(seconds).length >= 2) ? seconds : "0" + seconds; } //update the countdown's html values. if(!isNaN(eventDate)) { thisEl.find(".days").text(days); thisEl.find(".hours").text(hours); thisEl.find(".minutes").text(minutes); thisEl.find(".seconds").text(seconds); } else { alert("Dec 08 2018 10:30:00 GMT-0500"); clearInterval(interval); } } //run the function countdown_proc('Dec 08 2018 10:30:00 GMT-0500'); //loop the function interval = setInterval(countdown_proc, 1000); } }) (jQuery);
Admiro tu trabajo, eres muy bueno haciendolo me encantaria que me ayudes con un proyecto, no cuento con muchos recursos pero me encantaria que me ayudes con una programación, quisiera contactarme con usted y poder conversar. Gracias y excelente video.
Si es que alguno ve este comentario, alguno sabe como modificar el codigo para que al refrescar la pagina me continue la cuenta regresiva? y no se me vuelva el timer al inicio?
Buenas tardes, de ante mano, muchas gracias, funciona bien... Ahora, lo quiero hacer dinámico con php en donde tengo fechas y horas diferentes... Traté de hacer algo asi: Hago un ciclo para recorrer la tabla donde tengo las alarmas $hora_sonar_alarma=$row["hora_sonar_alarma"]; $id_clock = "clock_".$id_alarmas;
Gracias por el aporte! Me fue de mucha utilidad, igual me quedo una duda que tengo hace mucho tiempo y creo que me podes ayudar. ¿CUAL ES EL NOMBRE DE LA CANCIÓN INSTRUMENTAL DEL INICIO (TIPO JAZZ/BLUES)? La estoy buscando hace mil años y nunca la pude encontrar porque no le se el nombre XD Saludos desde argentina!
I had the same problem, until trying and testing, I discovered that i should use these quotes (``) instead of the normal single quotes (''). That solved the problem.
¿Quieres mejorar o personalizar más este ejercicio? Aqui tienes el codepen codepen.io/AlvaroFelipe/pen/EvJrOW
No olvides suscribirte y compartir el video si te gustó.
Oye y solo quiero sea puro tiempo no meses ni nada? Solo puro horario como cronómetro
Genial! gracias!!
Hola, hay forma de modificar este script que no sea cuenta regresiva si no progresiva, es decir para ir aumentando días desde una fecha determinada pasada.?
@@danieluribegarcia2463 busco lo mismo
"Feliz 2020" pero nadie sabia lo que venia en el 2020 , Excelente video !
Excelente, eres un experto, si hubiese sabido que me gustaba tanto la programación no hago la carrera de contabilidad y me dedico a esto.
hola, que bueno ver contenido sin usar ningun tipo de framework o libreria, soy fanatico del javascript puro, este video va influenciar a muchas personas para que comiencen a ver que no se necesita un framework para poder hacer algun sistema, sigan asi saludos.
Excelente ejemplo, por cierto muy util el tip con slice (-2), yo también usaba el típico if para concatenar el 0 :B
Pero que hermos enseñas amigo!! mis saludos cordiales!! si o si llevo un curso.. saludos cordiales desde Perú!
Fantástica idea. Muchas gracias por la claridad de la explicación. Saludos desde Teruel(España)
Yo soy un aficionado a la programación me gustò mucho y aprendì mucho con el CODEPEN, no tengo dinero para pagar cursos, pero, te he aprendido mucho gracias amigo saludos desde Colombia
Muchas gracias por compartir tus conocimientos con novatos como yo de manera tan amigable y super simple... MUCHAS GRACIAS!!
Excelente tutorial, no manejo mucho el código pero pude entender a la perfección muy bien explicado todo y funcionando 100% muchas gracias!
Excelente video, fantástico, me ayudó mucho para hacer mi temporizador en React. Muchas gracias
Estimado, como a muchos, me salvaste la vida :) agradecido mil veces de haberme topado con este video :D
genial, es muy útil, me encanto el truco de slice, gracias!!
sos un crack, me salvate el semestre
muy bueno cuando suben estos videos, se aprende mucho !
buen video de JS que ahora se utiliza para todo, hasta para hacer el almuerzo :D
Muchísimas gracias Alvaro!
Excelente EJ!!!! Muchas Gracias!!!
Muchas gracias por su magistral clase
muy chulo el video, buen truco lo del slice y todo en general :)
Muchas gracias. Me ayudo bastante para entender la lógica.
excelente! muchas gracias por el aporte, me fue muy util
Muchas gracias por el aporte super calidad la manera de enseñanza
Tomando como base la fecha en que estoy ahorita mismo, ya solo le quedarían 10 días para terminar al primer contador que ejecutó. Quién iba a decir que este 2020 no tiene mucho de feliz jajajajajaja 😅
Ufff buenisimo gracias Alvaro
Estuvo muy bueno el video e interesante de como poder realizar un contador con JS... y utilizar un slice(-2) woao respecto ese truco jejeje
muy claro y me ha servido. muchas gracias
Eres un monstruo hermano....
Excelente video. No entendí la línea de 'remainSeconds' que le has asignado y porque se usa el residuo 60. Que es lo que se divide ahí? Entiendo que se obtienen todos los segundos restantes a la fecha limite con la variable anterior 'remainTime', pero que se obtiene finalmente con ese residuo de 60 solo en esa linea? Saludos!
Muy buen vídeo! me gusta como explica las cosas
Excelente clase
Genial, gracias por tus aportes
HOY ES 2020 Saludos crack.
Excelente amigo me ayudo un monton, buen tutorial
Gracias, aprendí mucho con este vídeo.
Muchas gracias, que genial explicas! un saludo :)
Me podrían explicar lo del modulo (%) se como funciona pero no se que función emplea en los remainTime
Que buen video... me sirvio bastante.. muchas gracias
Como hago para que en ves de restar me sume desde una fecha especifica, es decir que desde hoy vaya contando cuantos dias van pasando
por qué no se me visualiza en safari
Profe buenos días, q buen video, me gustaría saber si aplico ese código en una evaluación me funcionaria? será que al terminar el tiempo la evaluación calificara lo que solo se selecciono en los input.
Si lo modifico al ingresar un dato que solo debe durar una hora ¿ como podría codificarlo o armarlo?
Gracias
Mil gracias lo explicaste muy bien
Como seria para obtener la fecha de manera dinámica sumando x numero de minutos a la fecha actual?
¡Gracias! me fue muy util
que excelente clase... cuando lo encuentra en una amanecida xD
Muchas gracias 😁😁.
Hola amigo. ¿cómo se podría hacer un juego de "control de acceso" para teclear una "contraseña" que previamente se pueda introducir, para que sea validada y que si es correcta aparezca un msg de acceso o de lo contrario uno de error?, como simple cuestión lúdica para juegos de escape?. Gracias.
Alvaró es muy bueno en el desarrollo web, lástima que el actualmete ya no dicte cursos
17:14 Like si faltaba menos de 1 mes para la fecha del ejercicio XD
Alguien me puede ayudar por favor???? Como hago para darle estilos a Día, hora minutos y segundos por separado?? Quería hacer un recuadro para cada número, Ya q en el html solo hay un div, como tendría que hacer? Soy seguidor de sus videos de hace muchoooo pero este me dejo consternado en esa parte je.
Excelente video. Con esto se puede proteger un enlace que aparezca luego de terminar una cuenta regresiva de por ejemplo 45 segundos?
Hola...excelente el vídeo y mejor la explicación, pero tengo una duda con respecto al paso de los parámetros de tu cuanta regresiva...ya que tu pones el valor en duro en la función "countdown("Sun May 17 2022 23:16:35 GMT-0400","clock","Muchas Gracias");", pero mi duda es que si le quiero pasar por ejemplo 50 minutos o 120 minutos o lo que sea pero en minutos...y haga igual el calculo...te pregunto esto ya que no soy experto y necesito saber como hacerlo...por tu ayuda muchas gracias.
tienes la respuesta?
@@blazart1715 su ya lo resolví...
@@blazart1715 si ya lo resolví...
@@rodrigojorquerareyes949 iluminame
hey gracias estuvo genial el ejercicio ;)
justo necesitaba hacer un temporizador pero me hizo gracia que el timer acabe el 20 de Sep de 2020.... coincidencia, NO LO CREO jejejeje
:0
Muy buen video. Una consulta. Si quisiera hacer un temporizador x minutos por ejemplo, ¿ como paso el valor de esos x minutos en mi html y los recojo en .js ?
AYUDAAAA: Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at updateTimer
yo tambien tengo el mismo error, lograste que te corriera?
¿Y sí quisiera también poner meses y años?
Hermano me gusto el video, solo tengo un problema, quiero yo asignar el tiempo de forma dinámica pero no se como hacer :(
Hola qué tal?
Tengo un problema a la hora de ejecutar el contador
Uso notepad++ y al darle ejecutar en Chrome me imprime solo el texto del HTML, hice todo tal y como en el vídeo
Ayuda por favor
Gracias bro, llevaba 2 dias sin dormir porqur no podia ejecutar mi codigo
quiero que ese codepen funcione en facebook con la foto de el evento me puedes guiar en esa parte Gracias aprendi mucho
Genial, gracias.
Excelente Gracias
Que sensual trucazo del slice.
Muy bueno 👌
Gracias mi amigo
POR FAVOR AYUDA!
Nunca he programado pero tengo que resolver esto: Mi evento es para el 8 de Diciembre de 2018. Ya estoy usando una plantilla HTML la cual incluyo, y tengo este código java. Me podrían indicar cómo corregirlo y hacerlo funcionar? MIL GRACIAS DE ANTEMANO!!!
HTML
2018 año de la BMW Expoclásica de Guatemala
Contador regresivo para el inicio del evento. Será programado en 01 de Enero de 2018 y marca la fecha y hora de la Expoclásica 2018.
00
Days
00
Hours
00
Mins
00
Secs
IR A LA PÁGINA PRINCIPAL
__________________________________________________________________________
JAVA
(function($) {
$.fn.countdown = function(options, callback) {
//custom 'this' selector
thisEl = $(this);
//array of custom settings
var settings = {
'date': null,
'format': null
};
//append the settings array to options
if(options) {
$.extend(settings, options);
}
//main countdown function
function countdown_proc() {
eventDate = Date.parse(settings['Dec 08 2018 10:30:00 GMT-0500']) / 1000;
currentDate = Math.floor($.now() / 1000);
if(eventDate = 2) ? days : "0" + days;
hours = (String(hours).length >= 2) ? hours : "0" + hours;
minutes = (String(minutes).length >= 2) ? minutes : "0" + minutes;
seconds = (String(seconds).length >= 2) ? seconds : "0" + seconds;
}
//update the countdown's html values.
if(!isNaN(eventDate)) {
thisEl.find(".days").text(days);
thisEl.find(".hours").text(hours);
thisEl.find(".minutes").text(minutes);
thisEl.find(".seconds").text(seconds);
} else {
alert("Dec 08 2018 10:30:00 GMT-0500");
clearInterval(interval);
}
}
//run the function
countdown_proc('Dec 08 2018 10:30:00 GMT-0500');
//loop the function
interval = setInterval(countdown_proc, 1000);
}
}) (jQuery);
+Héctor Cardona la ayuda que necesitas esta en este video. Sigue las instrucciones y lo lograrás.
Bueno intentaré, la verdad veo distinto el script, pero siempre gracias.
hola y un contador de visitas como lo harías funcional
Excelente video, todo me funcionó como esperaba, quisiera saber si se podría usar este código en una ventana modal
Admiro tu trabajo, eres muy bueno haciendolo me encantaria que me ayudes con un proyecto, no cuento con muchos recursos pero me encantaria que me ayudes con una programación, quisiera contactarme con usted y poder conversar. Gracias y excelente video.
cómo consigo el código HTML para ponerlo en un blogger?
Si es que alguno ve este comentario, alguno sabe como modificar el codigo para que al refrescar la pagina me continue la cuenta regresiva? y no se me vuelva el timer al inicio?
con localStorage
Muchas gracias
thanks, dude.!.. very useful video.
La verdad: 2 palabras "Im presionante" XD gracias
enrealidad fue una palabra echa en dos XDXDX
Genial!
Lo hice exactamente igual, y no me funcionó, pero muy chulo el video
buenisimo y como se hace si se requiere meseS?
Hola que tal, una pregunta, el contador funciona para todos los navegadores(Firefox, Chrome, Internet Explore y Safari)
Es javascript todos los navegadores soportan javascript
Buenas tardes, de ante mano, muchas gracias, funciona bien...
Ahora, lo quiero hacer dinámico con php en donde tengo fechas y horas diferentes...
Traté de hacer algo asi:
Hago un ciclo para recorrer la tabla donde tengo las alarmas
$hora_sonar_alarma=$row["hora_sonar_alarma"];
$id_clock = "clock_".$id_alarmas;
countdown('', '', '¡Ya empezó!');
Gracias por el aporte! Me fue de mucha utilidad, igual me quedo una duda que tengo hace mucho tiempo y creo que me podes ayudar. ¿CUAL ES EL NOMBRE DE LA CANCIÓN INSTRUMENTAL DEL INICIO (TIPO JAZZ/BLUES)? La estoy buscando hace mil años y nunca la pude encontrar porque no le se el nombre XD
Saludos desde argentina!
hola quisiera saber si puedo copiar el codigo de tu video
excelente
but my script shows this line ${t,remainDays}d:${t,remainHours}h:${t,remainMinutes}m:${t,remainSeconds}s instead of 0d:00h:00m:5s
I had the same problem, until trying and testing, I discovered that i should use these quotes (``) instead of the normal single quotes ('').
That solved the problem.
Podrias implementar cursos de Solidity.
Extraño el sonido del teclado. :/
ED team ,tienen pensado en un futuro implementar el lenguaje de programación Python ? esta muy demandado hoy en día y es multipropósito saludos
Simón wey
Bueno, me funciono para el trabajo xd
muy buena
🤩🤩🤩🤩🤩🤩🤩🤩🤩🥳🥳🤝
Muy buen video como de costumbre, es solo que al parecer no me sirve de momento
subelo a git
A alguien mas les pasa que este metodo le consume demasiados recursos?
La cuenta no debería de incrementar en ves de decrementar mmmm...
Es una cuenta regresiva como dice en el título 😁
2020 omg!
tambien me podras proporcionar un numero telefonico de contacto
new Date(); para que funcioné la D es en mayúscula
Hola quisiera contactarme contigo por email puedes enviarmelo porfa para hacerle algunas consultas