from - jquery get attribute data
Función jQuery getTime (7)
Reloj digital con jQuery
<script type="text/javascript" src=''http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2''></script> <script type="text/javascript"> $(document).ready(function() { function myDate(){ var now = new Date(); var outHour = now.getHours(); if (outHour >12){newHour = outHour-12;outHour = newHour;} if(outHour<10){document.getElementById(''HourDiv'').innerHTML="0"+outHour;} else{document.getElementById(''HourDiv'').innerHTML=outHour;} var outMin = now.getMinutes(); if(outMin<10){document.getElementById(''MinutDiv'').innerHTML="0"+outMin;} else{document.getElementById(''MinutDiv'').innerHTML=outMin;} var outSec = now.getSeconds(); if(outSec<10){document.getElementById(''SecDiv'').innerHTML="0"+outSec;} else{document.getElementById(''SecDiv'').innerHTML=outSec;}
} myDate(); setInterval(function(){ myDate();}, 1000); }); </script> <style> body {font-family:"Comic Sans MS", cursive;} h1 {text-align:center;background: gray;color:#fff;padding:5px;padding-bottom:10px;} #Content {margin:0 auto;border:solid 1px gray;width:140px;display:table;background:gray;} #HourDiv, #MinutDiv, #SecDiv {float:left;color:#fff;width:40px;text-align:center;font-size:25px;} span {float:left;color:#fff;font-size:25px;} </style> <div id="clockDiv"></div> <h1>My jQery Clock</h1> <div id="Content"> <div id="HourDiv"></div><span>:</span><div id="MinutDiv"></div><span>:</span><div id="SecDiv"></div> </div>
¿Es posible crear una función jQuery para que tenga la fecha y la hora actuales? He estado buscando documentación pero no he encontrado nada hasta el momento ...
@ nickf es correcto. Sin embargo, para ser un poco más preciso:
// if you try to print it, it will return something like:
// Sat Mar 21 2009 20:13:07 GMT-0400 (Eastern Daylight Time)
// This time comes from the user''s machine.
var myDate = new Date();
Entonces, si quieres mostrarlo como mm / dd / aaaa, harías esto:
var displayDate = (myDate.getMonth()+1) + ''/'' + (myDate.getDate()) + ''/'' + myDate.getFullYear();
Consulte la referencia completa del objeto Date. Lamentablemente, no es tan agradable imprimir varios formatos como lo hace con otros lenguajes del lado del servidor. Por esta razón, there many functions disponibles en la naturaleza.
Es simple javascript:
new Date()
Esta es mi manera :
<script type="text/javascript">
$(document).ready(function() {
setInterval(function(){currentTime("#idTimeField")}, 500);
});
function currentTime(field) {
var now = new Date();
now = now.getHours() + '':'' + now.getMinutes() + '':'' + now.getSeconds();
$(field).val(now);
}
no es quizás el mejor, pero haz el trabajo :)
No necesita jquery para hacer eso, solo javascript. Por ejemplo, puedes hacer un temporizador usando esto:
<body onload="clock();">
<script type="text/javascript">
function clock() {
var now = new Date();
var outStr = now.getHours()+'':''+now.getMinutes()+'':''+now.getSeconds();
document.getElementById(''clockDiv'').innerHTML=outStr;
setTimeout(''clock()'',1000);
}
clock();
</script>
<div id="clockDiv"></div>
</body>
Puede ver una referencia completa aquí: http://www.hunlock.com/blogs/Javascript_Dates-The_Complete_Reference
date.getSeconds() la date.getSeconds() de Javascript. date.getSeconds() y otros no rellenarán el resultado con ceros 11:0:0 lugar de 11:00:00 .
Entonces me gusta usar
date.toLocaleTimestring()
Que representa a las 11:00:00 AM Solo ten cuidado cuando uses las opciones extra, algunos navegadores no los admiten (Safari)
Sí , es posible:
jQuery.now()
o simplemente
$.now()