現在の日付と時刻を取得するようにjQuery関数を作成することは可能ですか?私はドキュメントを見回してきましたが、今のところ何も見つかりません...
7 に答える
@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は必要なく、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>
<スタイル>
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>私の jQery 時計</h1>
<div id="コンテンツ">
<div id="HourDiv"></div><span>:</span><div id="MinutDiv"></div><span>:</span><div id="SecDiv"></部門>
</div>
厄介なことに、Javascriptなどは、結果をの代わりにゼロで埋めませdate.getSeconds() ん。11:0:011:00:00
だから私は使うのが好きです
date.toLocaleTimestring()
レンダリングし11:00:00 AMます。追加のオプションを使用するときは注意してください。一部のブラウザはそれらをサポートしていません (Safari)