
En JavaScript.
Poner el siguiente código:
<script language="JavaScript">
var hora = "0"
var minuto = "00"
var segundo = "0"
function cronometro(){
if ((minuto < 10) && (minuto != "00")){
bajamin = "0" + minuto
}
else{
bajamin = minuto
}
bajasec = (segundo < 10) ? segundo = "0" + segundo : segundo
document.cronometro.tiempo.value = hora + ":" + bajamin + ":" + bajasec
if (segundo < 59){
segundo++
}
else{
segundo = "0"
minuto++
if (minuto > 59){
minuto = "00"
hora++
}
}
window.setTimeout("cronometro()",1000)
}
window.onload=cronometro
</SCRIPT>
<div style="text-align: center;">
<form name="cronometro">
<input style="border:0" type=text value="" name="tiempo" size=8>
</form></div>
Lo puedes personalizar con estilos CSS.
Ejemplo:
<input style="border:0; color:red; font-size:30px" type=text value="" name="tiempo" size=8>
Con Imágenes.
Poner el siguiente código:
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO_0P5xkD5ugdqb2lkenvuqR8d6TptrpcDD_yGo3Ow4Wa4NrkFr655GBpCrncz_dN80xS6y48v_BG73DjSE7JiaKQwFJNzoUD-qSoDWOoIfgP-rzwYN_V_4nUKhwK3uQKM9XOXws3Q2NA/s1600/1.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMfRl3_dV1syHCF7dbJcE-Ytkj5Zt64KXSXSLRYXNgoDVD24aPT8Xe6rQgPnPTHJxlyfyu9rbZkBoiWdwvx7MeSHRuiRhFwWylcG8AAYZTKyJwil8IdH0MZ_9YNwChYfS98Ll3dvA0cXA/s1600/2.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIo1ZItHEIr_opzkSt81dOybnrhfhnMocRYR2qYPX9x9bXXgr7i8knAhcbBNN00RVacFyqHu7qupjvZ7XdY13GFdwnkO5AAETIklZ_wI5tUOXhMbuaB8tH5VSDglLnqwjEW_t3I4ElbR0/s1600/3.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQtt8yIwM_4xE7v-DoIYHn5uwHTd0PjzsCLR9U3lOpG0-vrvA0J8kLMUCi50P-BHFuF3BaTrIrvNoE79wSCGOS_buyreKmwW9O8upNfSovEpS1J-wAoQUaNXC0GquxhqMoTx9Xms8k5hA/s1600/4.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkexRUkPOPJ7KMLTzCZZUUTR6iHFOUA_S8PphZjC0mr0LhHKW3b63ghPVGianRn_2xyqjBYQpp3pUruLIPoZYX60BiVwihiGEIyUO8h6rgRQyXBEHbZ9J38Jzm2hKsT8svLZf157gB3qo/s1600/5.gif" border="0"/>
</div>





Poner como título algún texto cómo:
Tiempo que estas en mi blog:
Estas hace:
Permaneces en mi blog hace:
Estas viendo mi blog hace:
Etc...
0 comments:
Post a Comment