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)
文档