•  21-08-2019
  •  | 
  •  

Question

est-il possible de créer une fonction jQuery afin qu'il soit la date et l'heure actuelle? Je l'ai regardé autour de documentation, mais ne l'ai pas trouvé quoi que ce soit jusqu'à présent ...

Était-ce utile?

La solution

de @ nickf correcte. Cependant, pour être un peu plus précis: 

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

Donc, si vous voulez afficher mm / jj / aaaa, vous devez faire cela: 

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

Consultez la de l'objet Date. Malheureusement, il est loin d'être aussi agréable d'imprimer différents formats comme il est avec d'autres langues côté serveur. Pour cette raison il - sont - beaucoup - fonctions disponibles dans la nature.

Autres conseils

Oui , il est possible: 

jQuery.now()

ou simplement 

$.now()

voir jQuery Documentation pour jQuery.now ()

Vous n'avez pas besoin jquery de le faire, juste javascript. Par exemple, vous pouvez faire une minuterie en utilisant ceci: 

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

Vous pouvez voir ici une référence complète: http://www.hunlock.com/blogs/ Javascript_Dates-The_Complete_Reference

Il est clair javascript: 

new Date()

Horloge numérique avec 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>

est ma façon: 

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

il est peut-être pas le meilleur, mais faire le travail:)

Fâcheusement Javascript de date.getSeconds() et al ne sera pas le résultat est complété de zéros au lieu de 11:0:0 11:00:00.

J'aime utiliser 

date.toLocaleTimestring()

Ce qui rend 11:00:00 AM. Méfiez-vous lorsque vous utilisez les options supplémentaires, certains navigateurs ne les prennent pas en charge (Safari)

Documentation

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top