当前位置：文江博客话题详情

jQuery gettime

jQuery getTime 函数

发布于 2024-07-15 18:06:04 字数 68 浏览 8 评论 0 原文

是否可以创建一个 jQuery 函数来获取当前日期和时间？我一直在查看文档，但到目前为止还没有找到任何东西......

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

送君千里 2024-07-22 18:06:04

@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 对象的完整引用。不幸的是，打印出各种格式并不像使用其他服务器端语言那么好。因此有-有-很多< /a>-函数可在野外使用。

@nickf's correct. However, to be a little more precise:

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

So if you want to display it as mm/dd/yyyy, you would do this:

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

Check out the full reference of the Date object. Unfortunately it is not nearly as nice to print out various formats as it is with other server-side languages. For this reason there-are-many-functions available in the wild.

回复收藏 0 原文

我只土不豪 2024-07-22 18:06:04

是的，这是可能的：

jQuery.now()

或者简单地

$.now()

查看 jQuery.now() 的 jQuery 文档

Yes, it is possible:

jQuery.now()

or simply

$.now()

see jQuery Documentation for jQuery.now()

回复收藏 0 原文

川水往事 2024-07-22 18:06:04

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

You don't need jquery to do that, just javascript. For example, you can do a timer using this:

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

You can view a complete reference here: http://www.hunlock.com/blogs/Javascript_Dates-The_Complete_Reference

回复收藏 0 原文

歌入人心 2024-07-22 18:06:04

这是简单的 JavaScript：

new Date()

It's plain javascript:

new Date()

回复收藏 0 原文

转身以后 2024-07-22 18:06:04

使用 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;}
   }  
    我的约会（）; 
    setInterval(function(){ myDate();}, 1000); 

    }); 
     
    <风格> 
    正文 {font-family:"Comic Sans MS", 草书;} 
    h1 {文本对齐：中心；背景：灰色；颜色：#fff；填充：5px；填充底部：10px；} 
    #内容{边距：0自动；边框：实心1像素灰色；宽度：140像素；显示：表格；背景：灰色；} 
    #HourDiv、#MinutDiv、#SecDiv {float:left;color:#fff;width:40px;text-align:center;font-size:25px;} 
    跨度{浮动：左；颜色：#fff；字体大小：25px；} 
     
    
 
    我的 jQery 时钟 
     
    
:
:

Digital Clock with 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>

回复收藏 0 原文

戴着白色围巾的女孩 2024-07-22 18:06:04

这是我的方式：

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

它可能不是最好的，但可以完成工作:)

this is my way :

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

it's not maybe the best but do the work :)

回复收藏 0 原文