it-swarm.com.de

So erhalten Sie die aktuelle Uhrzeit mit jQuery

Die folgende Zeit gibt die Zeit in Mikrosekunden zurück, zum Beispiel 4565212462.

alert( $.now() );

Wie kann ich es in ein vom Menschen lesbares Zeitformat konvertieren, z. B. (Stunden: Minuten: Sekunden) ?

118
Relm

Sie können es so versuchen:

new Date($.now());

Auch mit Javascript kannst du folgendes machen:

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
document.write(time);

261
Rahul Tripathi

Sie müssen alle "Zahlen" manuell abrufen

so was: 

var currentdate = new Date(); 
    var datetime = "Now: " + currentdate.getDate() + "/"
                + (currentdate.getMonth()+1)  + "/" 
                + currentdate.getFullYear() + " @ "  
                + currentdate.getHours() + ":"  
                + currentdate.getMinutes() + ":" 
                + currentdate.getSeconds();

document.write(datetime);

43
Philip G

Konvertieren Sie ein Date-Objekt in einen String. Verwenden Sie dazu einen der Date.prototype-Konvertierungs-Getter . Beispiel:

var d = new Date();
d+'';                  // "Sun Dec 08 2013 18:55:38 GMT+0100"
d.toDateString();      // "Sun Dec 08 2013"
d.toISOString();       // "2013-12-08T17:55:38.130Z"
d.toLocaleDateString() // "8/12/2013" on my system
d.toLocaleString()     // "8/12/2013 18.55.38" on my system
d.toUTCString()        // "Sun, 08 Dec 2013 17:55:38 GMT"

Oder, wenn Sie es individueller gestalten möchten, siehe die Liste der Getter-Methoden von Date.prototype .

36
Oriol

Sie brauchen dazu nicht jQuery!

Die native JavaScript-Implementierung ist Date.now() .

Date.now() und $.now() geben denselben Wert zurück:

Date.now(); // 1421715573651
$.now();    // 1421715573651
new Date(Date.now())   // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)
new Date($.now());     // Mon Jan 19 2015 20:02:55 GMT-0500 (Eastern Standard Time)

..und wenn Sie die Uhrzeit in hh-mm-ss formatieren möchten:

var now = new Date(Date.now());
var formatted = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
// 20:10:58
22
Josh Crozier

.clock {
width: 260px;
margin: 0 auto;
padding: 30px;
color: #FFF;background:#333;
}
.clock ul {
width: 250px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center
}

.clock ul li {
display: inline;
font-size: 3em;
text-align: center;
font-family: "Arial", Helvetica, sans-serif;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff, 0 4px 7px #55c6ff
}
#Date { 
font-family: 'Arial', Helvetica, sans-serif;
font-size: 26px;
text-align: center;
text-shadow: 0 2px 5px #55c6ff, 0 3px 6px #55c6ff;
padding-bottom: 40px;
}

#point {
position: relative;
-moz-animation: mymove 1s ease infinite;
-webkit-animation: mymove 1s ease infinite;
padding-left: 10px;
padding-right: 10px
}

/* Animasi Detik Kedap - Kedip */
@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; } 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Making 2 variable month and day
var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; 
var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]

// make single object
var newDate = new Date();
// make current time
newDate.setDate(newDate.getDate());
// setting date and time
$('#Date').html(dayNames[newDate.getDay()] + " " + newDate.getDate() + ' ' + monthNames[newDate.getMonth()] + ' ' + newDate.getFullYear());

setInterval( function() {
// Create a newDate() object and extract the seconds of the current time on the visitor's
var seconds = new Date().getSeconds();
// Add a leading zero to seconds value
$("#sec").html(( seconds < 10 ? "0" : "" ) + seconds);
},1000);

setInterval( function() {
// Create a newDate() object and extract the minutes of the current time on the visitor's
var minutes = new Date().getMinutes();
// Add a leading zero to the minutes value
$("#min").html(( minutes < 10 ? "0" : "" ) + minutes);
},1000);

setInterval( function() {
// Create a newDate() object and extract the hours of the current time on the visitor's
var hours = new Date().getHours();
// Add a leading zero to the hours value
$("#hours").html(( hours < 10 ? "0" : "" ) + hours);
}, 1000); 
});
</script>
<div class="clock">
<div id="Date"></div>
<ul>
<li id="hours"></li>
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>

jQuery.now() Rückgabe: Anzahl

Beschreibung: Gibt eine Zahl für die aktuelle Uhrzeit zurück.

Diese Methode akzeptiert keine Argumente.

Die $.now()-Methode ist eine Abkürzung für die vom Ausdruck (new Date).getTime() zurückgegebene Zahl.

http://api.jquery.com/jQuery.now/

Es ist einfach, Javascript zu verwenden:

var d = new Date();
var time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
console.log(time);
8
softvar

$ .now () von jQuery ist ein Alias ​​für das neue Date (). getTime (), eine interne Javascript-Funktion.

http://api.jquery.com/jquery.now/

Dies gibt die Anzahl der seit 1970 verstrichenen Sekunden zurück, die üblicherweise (nicht unbedingt korrekt) als Unix-Zeit, Epoche oder Zeitstempel bezeichnet wird, abhängig von den Kreisen, in die Sie fallen. Dies kann sehr praktisch sein, um die Differenz zwischen Datumsangaben und Uhrzeiten mithilfe einfacher Berechnungen zu berechnen . Es enthält keine TimeZone-Informationen und ist immer UTC.

http://en.wikipedia.org/wiki/Unix_time

Es ist nicht notwendig, jQuery als einen anderen Alias ​​zu verwenden, es hilft kaum bei der Datums-/Zeitmanipulation.

Wenn Sie nach einer schnellen und schmutzigen Methode suchen, um die Uhrzeit im Text darzustellen, verfügt das Javascript Date-Objekt über einen Prototyp "toString", der eine ISO-formatierte Datumszeit zurückgibt.

new Date().toString();
//returns "Thu Apr 30 2015 14:37:36 GMT+0100 (BST)"

Es ist jedoch sehr wahrscheinlich, dass Sie Ihre Formatierung anpassen möchten. Das Date-Objekt kann Ihre relevanten Details abrufen, sodass Sie Ihre eigene Zeichenfolgendarstellung erstellen können.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

var d = new Date(); //without params it defaults to "now"
var t = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
//Will return 14:37:36

Da Sie jedoch nach einer jQuery-Lösung gefragt haben, ist es wahrscheinlich, dass Sie mit älteren Browsern arbeiten. Wenn Sie spezifischere Aktionen ausführen möchten, insbesondere Zeichenfolgen in Date-Objekte interpretieren (nützlich für API-Antworten), sollten Sie sich Moment.js ansehen.

http://momentjs.com/

Dies gewährleistet Cross-Browser-Kompatibilität und hat die Formatierung erheblich verbessert, ohne dass viele Zeichenfolgen miteinander verkettet werden müssen! Zum Beispiel:

moment().format('hh:mm:ss');
//Will return 14:37:36
5
Andrew Spode

Ich benutze moment für all meine Zeitmanipulations-/Anzeige-Bedürfnisse (sowohl clientseitig als auch node.js, wenn Sie es verwenden). Wenn Sie nur ein einfaches Format benötigen, werden die obigen Antworten verwendet, wenn Sie etwas suchen etwas komplexer, der Moment ist der Weg, um IMO zu gehen.

4
TheZuck
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
    function ShowLocalDate()
    {
    var dNow = new Date();
    var localdate= (dNow.getMonth()+1) + '/' + dNow.getDate() + '/' + dNow.getFullYear() + ' ' + dNow.getHours() + ':' + dNow.getMinutes();
    $('#currentDate').text(localdate)
    }
</script>

</head>
<body>
    enter code here
    <h1>Get current local enter code here Date in JQuery</h1>
    <label id="currentDate">This is current local Date Time in JQuery</p>
    <button type="`enter code here button onclick="ShowLocalDate()">Show Local DateTime</button>

</body>
</html> 

weitere Informationen erhalten Sie unter dem Link

http://www.morgantechspace.com/2013/11/Get-current-Date-time-in-JQuery.html#GetLocalDateTimeinJQuery

3
Hussain Patel

Versuchen

console.log(
  new Date().toLocaleString().slice(9, -3)
  , new Date().toString().slice(16, -15)
);

1
guest271314

Mit den nativen JavaScript-Funktionen von JavaScript können Sie Stunden , Minuten und Sekunden wie gewünscht erhalten. Wenn Sie Datum und Uhrzeit auf bestimmte Weise formatieren möchten, können Sie eine Methode implementieren, die den JavaScript Date-Prototyp erweitert.

Hier ist eine bereits implementiert: https://github.com/jacwright/date.format

1
console.log(
  new Date().toLocaleString().slice(9, -3)
  , new Date().toString().slice(16, -15)
);
0
Thendral R

Für die Ortszeit in ISO8601 für SQL TIMESTAMP können Sie Folgendes versuchen:

var tzoffset = (new Date()).getTimezoneOffset() * 60000;
var localISOTime = (new Date(Date.now() - tzoffset))
  .toISOString()
  .slice(0, 19)
  .replace('T', ' ');
$('#mydatediv').val(localISOTime);