6
A
回答
14
更新時間面板每一秒,我們應該使用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);
});
+0
我得到的時刻是沒有定義的錯誤。你能解釋爲什麼嗎? – 2017-03-16 06:53:46
+0
我修好了。一些JavaScript碰撞導致錯誤 – 2017-03-16 07:00:17
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>
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;
}
取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. 顯示JavaScript日期中的星期幾
- 2. 顯示星期幾javascript
- 3. 顯示星期幾,小時和分鐘,以及日期
- 4. 使用日曆和日期實例不顯示星期幾
- 5. JQuery Datepicker - 在日期單元格中顯示星期幾名稱
- 6. jquery flot graph顯示星期幾
- 7. 當我從日期框中選擇星期日時,文本框日期不顯示星期幾名稱
- 8. 不要在日曆中顯示星期六和星期日javascript
- 9. NSCalendar顯示星期幾
- 10. 日期星期幾在Groovy
- 11. 以Java或JavaScript顯示星期五星期五的月份或年份?
- 12. 從GPS星期數,星期幾到日期時間轉換
- 13. 從日期選擇器顯示星期幾
- 14. 如何在CakePHP日期中顯示星期幾?
- 15. 如何顯示星期幾+格式日期
- 16. 用C語言計算給定日期(即星期日或星期一或星期幾等)的總數
- 17. 使用引導日期選擇器在日期之後顯示星期幾
- 18. 獲取一個星期幾和時間的日期實例
- 19. 格式當前日期顯示星期
- 20. 顯示標籤上的星期日期
- 21. 顯示整個星期的開始日期爲星期六
- 22. 星期數和星期幾
- 23. 給定日期的星期幾
- 24. 將日期轉換爲星期幾
- 25. 用日期範圍內的星期幾
- 26. 選擇日期爲星期幾的行
- 27. 如何從日期檢索星期幾
- 28. 字符串日期星期幾
- 29. 查找給定日期的星期幾
- 30. 格式日期爲星期幾
看看這個例子http://jsfiddle.net/fdq5173y/ – Blu 2015-02-24 06:38:19
@BluAngel感謝這個!正是我需要的! – kgam 2015-02-24 07:26:57