Hola amig@s del foro, tengo el siguiente problema, escribi un script que permite ver un reloj, y en este momento quiero implementarle una barra de progreso, tengo el siguiente codigo
Código PHP:
<html>
<head>
<script>
setTimeout('document.location.reload()',200*1000);
</script>
<script>
function mueveReloj(){
momentoActual = new Date()
hora = momentoActual.getHours()
minuto = momentoActual.getMinutes()
segundo = momentoActual.getSeconds()
horaImprimible = hora + " : " + minuto + " : " + segundo
document.form_reloj.reloj.value = horaImprimible
}
</script>
<style type="text/css" media="screen">
body {
font: 80% 'trebuchet ms',helvetica,sans-serif;
}
.progress-bar {
border: 1px solid #56577A;
width: 200px;
margin: 5px;
padding: 1px;
background: #fff;
float: left;
}
.bar {
height: 15px;
font-size: 11px;
text-indent:-9000px;
}
#percentage{
float: left;
margin-left: 10px;
margin-top:4px;
}
</style>
<script src="progressbar.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function() {initialize()}
</script>
</head>
<body onLoad="mueveReloj()">
<form name="form_reloj">
<input type="text" name="reloj" size="10">
</form>
<div class="progress-bar" >
<div id ="sample" class="bar">100%</div>
</div>
<div id ="percentage">
</div>
</body>
</html>
el problema es que el body al inicio cuando solo tenia el reloj esta escrito asi: <body onLoad="mueveReloj()"> pero en este momento le agregue la barra de progreso y no funciona por el OnLoad del BODY, cuando retiro este OnLoad, funciona normalmente la barra de progreso, pero no funciona el reloj, asi que no se como arreglar este problema, alguien que tenga alguna idea?