jQuery的getTime函数

是否有可能创build一个jQuery函数,以便它获取当前的date和时间? 我一直在浏览文档,但目前还没有发现任何东西…

@ nickf是正确的。 但是,要更精确一点:

 // 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(); 

所以如果你想把它显示为mm / dd / yyyy,你可以这样做:

 var displayDate = (myDate.getMonth()+1) + '/' + (myDate.getDate()) + '/' + myDate.getFullYear(); 

查看Date对象的完整引用 。 不幸的是,用其他服务器端语言来打印各种格式并不是那么好。 出于这个原因,在野外可以使用许多 function 。

你不需要jQuery来做到这一点,只是JavaScript。 例如,你可以使用这个来做一个计时器:

 <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> 

您可以在这里查看完整的参考资料: http : //www.hunlock.com/blogs/Javascript_Dates-The_Complete_Reference

是的 ,这是可能的:

 jQuery.now() 

或干脆

 $.now() 

请参阅jQuery的文档jQuery.now()

这是纯javascript:

 new Date() 

数字时钟与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(){
  函数myDate(){
   var now = new Date();

   var outHour = now.getHours();
   if(outhour> 12){newHour = outHour-12; outHour = newHour;}
  如果(outHour <10){的document.getElementById( 'HourDiv')的innerHTML = “0” + outHour;}
  否则{的document.getElementById( 'HourDiv')的innerHTML = outHour;}

   var outMin = now.getMinutes();
  如果(OUTMIN <10){的document.getElementById( 'MinutDiv')的innerHTML = “0” + OUTMIN;}
  否则{的document.getElementById( 'MinutDiv')的innerHTML = OUTMIN;}

   var outSec = now.getSeconds();
  如果(outSec <10){的document.getElementById( 'SecDiv')的innerHTML = “0” + outSec;}
  否则{的document.getElementById( 'SecDiv')的innerHTML = outSec;} 

} 我的约会(); setInterval(function(){myDate();},1000); }); </ SCRIPT> <风格> body {font-family:“Comic Sans MS”,草书;} 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:grey;} #HourDiv,#MinutDiv,#SecDiv {float:left; color:#fff; width:40px; text-align:center; font-size:25px;} span {float:left; color:#fff; font-size:25px;} </样式> <div id =“clockDiv”> </ div> <h1>我的jQery时钟</ h1> <div id =“Content”> <div id =“HourDiv”> </ div> <span>:</ span> <div id =“MinutDiv”> </ div> <span>:</ span> <div id =“SecDiv” DIV> </ DIV>

这是我的方式 :

  <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); } 

这不是最好的,但做的工作:)

烦人的Javascript的date.getSeconds() 不会填充结果零11:0:0而不是11:00:00

所以我喜欢用

 date.toLocaleTimestring() 

11:00:00 AM 。 只是要小心,当使用额外的选项,一些浏览器不支持他们(Safari)

文档

Interesting Posts