Montrer en Temps Réel, la Date, le Jour de la Semaine en javascript ou jquery

Comment faire pour afficher en temps réel, la date, le jour dans ce format?

Montrer en Temps Réel, la Date, le Jour de la Semaine en javascript ou jquery

Le temps devrait être réelle (qui gère les secondes comptent).

Merci les gars!

  • jetez un oeil à cet exemple jsfiddle.net/fdq5173y
  • merci pour cette! exactement ce dont j'avais besoin!
InformationsquelleAutor kgam | 2015-02-24
  1. 20

    De temps de mise à jour du panneau à chaque seconde, nous devrions l'utiliser setInterval() fonction.

    Au format de date la façon dont vous avez besoin, la meilleure approche est d'utiliser moment.js de la bibliothèque. Le code est raccourcie considérablement:

    $(document).ready(function() {
    var interval = setInterval(function() {
        var momentNow = moment();
        $('#date-part').html(momentNow.format('YYYY MMMM DD') + ' '
                            + momentNow.format('dddd')
                             .substring(0,3).toUpperCase());
        $('#time-part').html(momentNow.format('A hh:mm:ss'));
    }, 100);
});

    Voici de travail violon

    • Je suis actuellement n'est pas défini d'erreur . pouvez-vous expliquer pourquoi?
    • Je l'ai corrigé. Un peu de javascript collision erreur cause
    InformationsquelleAutor Ivan Gerasimenko
  2. 2

    Vous pouvez utiliser SetInterval en javascript et le lancer une fois toutes les 1 seconde.
    Regardez pour l'exemple donné

    <!DOCTYPE html>
<html>
<body>

<p>A script on this page starts this clock:</p>
<p id="demo"></p>
<p id="demonew"></p>
<script>
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
  dd='0'+dd
} 

if(mm<10) {
  mm='0'+mm
} 

today = mm+'/'+dd+'/'+yyyy;
document.getElementById("demonew").innerHTML = today;
var myVar=setInterval(function(){myTimer()},1000);

function myTimer() {
    var d = new Date();
    document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

</body>
</html>
    InformationsquelleAutor eLemEnt
  3. 1
    You can use :
  <script>
    var mydate=new Date()
    var year=mydate.getYear()

if (year < 1000)
    year+=1900

var day=mydate.getDay() //Current Day of week - 2
var month=mydate.getMonth() //Current Month 2
var daym=mydate.getDate() //Current Date -24
var h=mydate.getHours(); //Hours
var m=mydate.getMinutes();//Minutes
var s=mydate.getSeconds();//Seconds
m = checkTime(m);
s = checkTime(s);

function checkTime(i) {
    if (i<10) {i = "0" + i};  //add zero in front of numbers < 10
return i;
}

    Prendre 2 tableaux 

    var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday",
                        "Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June",
                        "July","August","September","October","November","December")

  document.getElementById('txt').innerHTML =h+":"+m+":"+s+" "+dayarray[day]+", "+montharray[month]+" "+daym+", "+year;

 var t = setTimeout(function(){startTime()},500);
  //This will update time 


 </script>
  <body onload="startTime()">

  <div id="txt"></div>

  </body>
    InformationsquelleAutor YLG