:: CP - Recursos Web :: - Cronometro v2

Cronometro v2

EJEMPLO

Por un tema de una mejor visualización del ejemplo, este será en una pagina externa a esta. La cual es administrada exclusivamente por nosotros.

CLICK AQUI PARA VER EJEMPLO

[ SABER MÁS DE ESTO? ]

INFORMACIÓN

Nombre: Cronometro v2

Fecha: 2015-03-05

Creditos: CssPlantillas

Recurso para:

Garantia: SI?

Descripción:

Te dejamos un código muy solicitado y de muy fácil implementación, es un cronometro con la función de dar un tiempo parcial. Esta hecho con Javascript, HTML, CSS.

- Codigo 01: Donde quieras que aparesca:

<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/xw3k7e2k00kfd8j/cronometro.js"></script>
<style>
.cpcron input[type=text] {border:2px solid #5FB404;background:#fff;color:#000;border-radius:1px 1px 1px 1px;padding:5px;margin:3px;text-transform:uppercase;}
.cpcron input[type=button] {border:2px solid #38610B;background:#5FB404;color:#fff;border-radius:5px 5px 5px 5px;padding:5px;margin:3px;text-transform:uppercase;}
</style>
<div class="cpcron">  
<form name="crono"> 
<center> 
<table id="cpcron" style="width:50%;border:1px solid #d2d2d2;background:#fafafa;margin: 0 auto;padding:7px;">
<tbody><tr>
  <td><input type="text" size="15" name="display" value="00:00:0"></td>
  <td><input type="button" name="Iniciar" value=" Iniciar " onClick="IniciarCrono()" size="15"></td>
</tr><tr>
  <td><input type="text" size="15" name="parcial" value="00:00:0 "></td>
  <td><input type="button" name="Parcial" value="Parcial" onClick="ObtenerParcial()" size="15"></td>
</tr><tr>
  <td><input type="button" name="Parar" value=" detener " onClick="DetenerCrono()"></td>
  <td><input type="button" name="Cero" value=" Restablecer " onClick="DetenerCrono(); InicializarCrono()"></td>
</tr></tbody></table>
</center></form></div>

Copiar codigo

ENLAZANOS

URL DIRECTA

LINK'S HTML

URL CORTA

Descarga

Ahora puedes descargar nuestros recursos, (No en todos los recursos esta disponible esta opcion, disfrutalo

)

CLICK AQUI PARA DESCARGAR

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Si sabes de CSS, puedes editar el estilo y jugar con los colores y posiciones de los cuadros.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 205 visitantesGracias por tu visita!

Recomendamos:

| CERRAR