Código de JavaScript - Simple Cronometro en javascript

Imágen de perfil
Val: 2.170
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Simple Cronometro en javascriptgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 15 de Marzo del 2018 por Xavi (Publicado el 30 de Septiembre del 2014)
41.094 visualizaciones desde el 30 de Septiembre del 2014
Simple cronometro en JavaScript que permite iniciar y parar el tiempo.

cronometro

Versión 1
estrellaestrellaestrellaestrellaestrella(8)

Actualizado el 20 de Marzo del 2018 (Publicado el 30 de Septiembre del 2014)gráfica de visualizaciones de la versión: Versión 1
41.099 visualizaciones desde el 30 de Septiembre del 2014
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Puedes ver un ejemplo aquí
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
    <title>Simple Cronometro en javascript</title>
    <meta name="title" content="Cronometro en javascript">
    <meta name="description" content="Cronometro en javascript">
    <meta name="keywords" content="código,cronometro,javascript">
 
	<script>
	var inicio=0;
	var timeout=0;
 
	function empezarDetener(elemento)
	{
		if(timeout==0)
		{
			// empezar el cronometro
 
			elemento.value="Detener";
 
			// Obtenemos el valor actual
			inicio=vuelta=new Date().getTime();
 
			// iniciamos el proceso
			funcionando();
		}else{
			// detemer el cronometro
 
			elemento.value="Empezar";
			clearTimeout(timeout);
			timeout=0;
		}
	}
 
	function funcionando()
	{
		// obteneos la fecha actual
		var actual = new Date().getTime();
 
		// obtenemos la diferencia entre la fecha actual y la de inicio
		var diff=new Date(actual-inicio);
 
		// mostramos la diferencia entre la fecha actual y la inicial
		var result=LeadingZero(diff.getUTCHours())+":"+LeadingZero(diff.getUTCMinutes())+":"+LeadingZero(diff.getUTCSeconds());
		document.getElementById('crono').innerHTML = result;
 
		// Indicamos que se ejecute esta función nuevamente dentro de 1 segundo
		timeout=setTimeout("funcionando()",1000);
	}
 
	/* Funcion que pone un 0 delante de un valor si es necesario */
	function LeadingZero(Time) {
		return (Time < 10) ? "0" + Time : + Time;
	}
	</script>
 
	<style>
	.crono_wrapper {text-align:center;width:200px;}
	</style>
</head>
 
<body>
 
<h1>Simple Cronometro en javascript</h1>
 
<div class="crono_wrapper">
	<h2 id='crono'>00:00:00</h2>
	<input type="button" value="Empezar" onclick="empezarDetener(this);">
</div>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (8)

Peppeprox24
18 de Enero del 2017
estrellaestrellaestrellaestrellaestrella
Hola tengo una pregunta. ¿Como hago para que se inicie al entrar a la pagina?
Responder
jose
23 de Enero del 2017
estrellaestrellaestrellaestrellaestrella
con la función "onload". <body onload="funcion">
Responder
Jorge Luis
18 de Marzo del 2017
estrellaestrellaestrellaestrellaestrella
Como podria ahcer para que me cabie de pagina en digamos 3 minutos
Responder
Renzo
14 de Octubre del 2017
estrellaestrellaestrellaestrellaestrella
donde encuentro el código de estas páginas headerCode.inc.php y footerCode.inc.php
Responder
Imágen de perfil
15 de Marzo del 2018
estrellaestrellaestrellaestrellaestrella
No son necesarias... ya las he quitado!!!
Responder
antonio
12 de Abril del 2018
estrellaestrellaestrellaestrellaestrella
necesito qque en ves de que cuente de uno dos tres sea asi pero multiplicado por 67 es posible gracias
Responder
Edixon
30 de Mayo del 2018
estrellaestrellaestrellaestrellaestrella
Muchas gracias. Funciona muy bien.
Responder
Gamal
24 de Septiembre del 2019
estrellaestrellaestrellaestrellaestrella
Este cronometro esta bueno. yo megutaria hacer alreves, tengo por ejemplo 2 horas para navegar en mi web o esta en inactivo en la mi web y al llegar a 00:00:00 se hace destroy_session, al regresar a la pagina (al caducar la session) incia otra session via login.php. mi problema es que no soy muy fuerte en javascript y en php no se puede, sería tan amable hecharme una mano
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2774
Revisar política de publicidad