在 javascript 或 jquery 中显示实时、日期、星期几

Question

如何以这种格式显示实时时间、日期、日期？

时间应该是实际时间（运行秒数）。

谢谢大家！

Answer 1

您可以在 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>

Answer 2

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>

Answer 3

要每秒更新时间面板，我们应该使用 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);
});

Here is working fiddle

在 javascript 或 jquery 中显示实时、日期、星期几

Show Real Time, Date, Day of the Week in javascript or jquery

javascript

time

jquery

date