在javascript或jquery中显示实时、日期、星期几[关闭]答案

【问题标题】：Show Real Time, Date, Day of the Week in javascript or jquery [closed]在javascript或jquery中显示实时、日期、星期几[关闭]
【发布时间】：2015-04-25 16:56:20
【问题描述】：

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

时间应该是实际的（计算秒数）。

谢谢大家！

【问题讨论】：

看看这个例子jsfiddle.net/fdq5173y
@BluAngel 谢谢！正是我需要的！

标签： javascript jquery date time

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：

【解决方案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

【讨论】：

我得到了 moment is not defined 错误。你能解释一下为什么吗？
我修好了。一些javascript冲突导致错误