web-dev-qa-db-ja.com

jQuery getTime関数

jQuery関数を作成して現在の日付と時刻を取得することは可能ですか？私はドキュメントを探していましたが、今のところ何も見つかりませんでした...

jquerygettime
33
Tsundoku

@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オブジェクトの 完全参照 を確認してください。残念ながら、さまざまな形式を印刷することは、他のサーバー側言語の場合ほどではありません。このため there - are - many - functions 入手可能です。

47
Paolo Bergantino

はい、可能です：

jQuery.now()

または単に

$.now()

jQuery.now（）のjQueryドキュメントを参照

21
Alex Doe

あなたはそれを行うために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

20
eKek0

それはプレーンなjavascriptです：

new Date()
7
nickf

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"、筆記体;} 
 h1 {text-align：center; background：grey; 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>
4
Dharam Mali

これが私のやり方です ：

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

それはおそらく最高ではありませんが、仕事をしてください:)

1
Anerty

面倒なことに、Javascriptのdate.getSeconds()et alは結果にゼロを埋め込みません11:0:0 の代わりに 11:00:00。

だから私は使用したい

date.toLocaleTimestring()

レンダリングする11:00:00 AM。追加のオプションを使用するときは注意してください、一部のブラウザはそれらをサポートしていません（Safari）

ドキュメント

0
Martin Lyne