Código de JavaScript - Simple Cronometro en javascript

Imágen de perfil
Val: 1.954
Plata
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

Actualizado el 15 de Marzo del 2018 por Xavi (541 códigos) (Publicado el 30 de Septiembre del 2014)
52.464 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
52.465 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...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2774