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