web-dev-qa-db-fra.com

Comment obtenir l'heure actuelle avec jQuery

Ce qui suit renvoie le temps en microsecondes, par exemple 4565212462.

alert( $.now() );

Comment le convertir en un format de temps lisible par l'homme, tel que (heures: minutes: secondes) ?

jquerydatetimetimeunix-timestampmicrotime
118
Relm

Vous pouvez essayer comme ça:

new Date($.now());

En utilisant également Javascript, vous pouvez faire comme ceci:

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

261
Rahul Tripathi

Vous devez récupérer tous les "numéros" manuellement

comme ça: 

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

Convertissez un objet Date en chaîne, en utilisant l’un des getters de conversion de Date.prototype , par exemple:

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"

Ou, si vous voulez plus de personnalisation, voir la liste des méthodes de lecture de Date.prototype .

36
Oriol

Vous n'avez pas besoin d'utiliser jQuery pour cela!

L'implémentation JavaScript native est Date.now() .

Date.now() et $.now() renvoient la même valeur:

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)

..et si vous voulez que l'heure soit formatée en hh-mm-ss:

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>

15
Dessy Anggita Sangganingrum

jQuery.now() Returns: Number

Description: Retourne un nombre représentant l’heure actuelle.

Cette méthode n'accepte aucun argument.

La méthode $.now() est un raccourci pour le nombre renvoyé par l'expression (new Date).getTime().

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

C'est simple d'utiliser Javascript:

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

$ .now () de jQuery est un alias de new Date (). getTime (), une fonction Javascript interne.

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

Ceci retourne le nombre de secondes écoulées depuis 1970, communément appelé (pas nécessairement correctement) comme Unix Time, Epoch ou Timestamp, en fonction des cercles dans lesquels vous tombez. Cela peut être très pratique pour calculer la différence entre les dates/heures en utilisant des maths simples . Il ne contient aucune information de fuseau horaire et est toujours au format UTC.

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

Il n'est pas nécessaire d'utiliser jQuery sous un nom autre que celui de cet alias, il ne fait guère d'autre chose pour aider à la manipulation de la date/heure.

Si vous recherchez un moyen rapide et transparent de représenter l'heure en texte, l'objet Date en Javascript a un prototype "toString" qui renverra une date et heure au format ISO.

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

Plus que probablement, vous voudrez personnaliser votre mise en forme. L'objet Date a la capacité d'extraire vos détails pertinents afin que vous puissiez créer votre propre représentation de chaîne.

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

Cependant, comme vous avez demandé une solution jQuery, il est probable que vous travailliez avec des navigateurs plus anciens. Si vous souhaitez effectuer des tâches plus spécifiques, en particulier en interprétant les chaînes dans les objets Date (utile pour les réponses à l'API), consultez Moment.js.

http://momentjs.com/

Cela garantira la compatibilité entre les navigateurs et améliorera considérablement la mise en forme sans devoir concaténer beaucoup de chaînes! Par exemple:

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

J'utilise moment pour tous les besoins de manipulation/affichage de mon temps (côté client et noeud.js si vous l'utilisez), si vous avez juste besoin d'un format simple, les réponses ci-dessus suffiront, si vous cherchez quelque chose un peu plus complexe, c’est le bon moment pour aller à l’OMI.

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>

vous pouvez obtenir plus d'informations à partir du lien ci-dessous

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

3
Hussain Patel

Essayer

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

1
guest271314

En utilisant les fonctions de date natives JavaScript, vous pouvez obtenir hours , minutes et seconds comme vous le souhaitez. Si vous souhaitez formater la date et l'heure de manière particulière, vous pouvez implémenter une méthode d'extension du prototype de date JavaScript.

En voici une déjà mise en œuvre: https://github.com/jacwright/date.format

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

Pour l'heure locale dans ISO8601 pour SQL TIMESTAMP, vous pouvez essayer:

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