web-dev-qa-db-ja.com

JavaScriptまたはjqueryでリアルタイム、日付、曜日を表示する

この形式でリアルタイムの日付を表示するにはどうすればよいですか？

enter image description here

時間は実際の秒数である必要があります。

みんなありがとう！

javascriptjquerydatetime
8
kgam

時間パネルを毎秒更新するには、setInterval()関数を使用する必要があります。

日付をフォーマットするには、moment.jsライブラリを使用するのが最善の方法です。コードは大幅に短縮されます。

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

これは作業フィドルです

21
Ivan Gerasimenko

JavaScriptでSetIntervalを使用して、1秒ごとに実行できます。与えられた例を探します

<!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>
2
eLemEnt
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;
}

2つのアレイを取る

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