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/AVvXsEj_tCxHg1BEfebyZoytZVW6-OUk_CV1ewReEbuxHcbKg3ecaVuAGOVQ1YZe6U6BHXlCArMhh5qiq7C_BS6bXfMHr_TQTS6wuoHLoAUskyvyyPQ0y6xI4sodWBwSgqiMZvjBApaiaN6BWJg/s1600/1.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN53AeXgES4h2cp0bFmNsVcNqjB9YuppBYgzJuyqwt27AKRmN6YyC-YmolSJNKnGkxNPWxLzA8aZdWjZbJa1ycGkRmMo5NEvy7WOIgheqP34VVg6Xxo2Oe3d6GWpgPLTzJpNgh5HCWwAY/s1600/2.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFr4evpxaddOZqTWlk2fQBVbpH2PvswE75OKlI3xEo2w9HBeY4WzV8oXkRGVwM4BW2xf5Fk4BCOLDmvRg7GsRhd_oEOeerwYMVqWdqaL80pw8dfXw7rdz4cHtW1pD2nHBk4pGUoc0zgb0/s1600/3.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuQHmRpqSKsZE2RExSSDoccFhF0p1Q15EqSXE1T9bNXoZ8g6OG9tfwn2gm8-xYXvjjNMESAb4-FbCZVdJ8rJy28EJCa5cRTxvLCAF4qM3DKs6vzYOIA6PdlrGmxQadokw0tu2R5kCAsV8/s1600/4.gif" border="0"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtDRs7K6Bg6N_1ovzURnV8fxBSqRk5XguIxQnV_DtWZE7Sjz2DJcYmC3GVXQIgFOP-8iFNVaui9Tg9W1sypvPFXloRguZjgVITuoDgIj9Gs8t5XK-Cx4kZUTzN3SnV09cJOSu0D1aR92A/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...
No hay comentarios:
Publicar un comentario