jQuery getTime函数

2020/12/27 23:21 · jquery ·  · 0评论

是否有可能创建一个jQuery函数,使其获取当前日期和时间?我一直在寻找文档,但到目前为止还没有发现任何东西...

@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对象完整引用不幸的是,打印出各种格式并不像使用其他服务器端语言那样好。出于这个原因---功能在野外可用。

是的,可能:

jQuery.now()

或简单地

$.now()

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

您不需要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

它是纯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;}
  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;}

} 我的约会(); setInterval(function(){myDate();},1000); }); </ script> <样式> 正文{font-family:“漫画Sans MS”,草书;} h1 {text-align:center; background:grey; color:#fff; padding:5px; padding-bottom:10px;} #Content {margin:0 auto; border:solid 1px grey; width:140px; display:table; background:gray;} #HourDiv,#MinutDiv,#SecDiv {float:left; color:#fff; width:40px; text-align:center; font-size:25px;} 跨度{float:left; color:#fff; font-size:25px;} </ style> <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);
}

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

令人讨厌的是,JavaScriptdate.getSeconds() 不会将结果填充为零11:0:0而不是11:00:00

所以我喜欢用

date.toLocaleTimestring()

呈现11:00:00 AM请注意,使用其他选项时,某些浏览器不支持它们(Safari)

文献资料

本文地址:http://jquery.askforanswer.com/jquery-gettimehanshu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!