今天又要用到動態顯示當前時間,且要求可以切換24/12小時制, 記得很久前寫過一個24小時制的,但一時沒能找著, 于是又重新寫了個,若有需要的朋友自行復制粘貼一份吧.
很簡單的一個功能函數,實現方式不多言,用Date()對象獲取到當前時間,然后用setTimeout每隔1秒獲取最新的時間.
寫的過程中碰到過一個小小的問題: 我最初的想法是用setInterval()每隔1秒獲取最新時間,可是可以,但setInterval如果放在主函數內部,但導致內存泄漏(至于原因, 暫時還沒想明白),后來在Rocky的提醒下用setTimeout()才解決內存泄漏問題,感謝Rocky同學:)

//顯示時間window.onload = function () {function novTimer(ev, time) {/**ev:需要顯示在的元素*time:時間顯示模式.若傳入12則為12小時制,不傳入則為24小時制*///年月日時分秒var Y, M, D, W, H, I, S;//月日時分秒為單位時前面補零function coverZero(i) {if (i < 10) {i = '0' + i;}return i;} (function () {var d = new Date();var Week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];Y = coverZero(d.getFullYear());M = coverZero(d.getMonth() + 1);D = coverZero(d.getDate());W = Week[d.getDay()];H = coverZero(d.getHours());I = coverZero(d.getMinutes());S = coverZero(d.getSeconds());if (time && time == 12) {if (H <= 12) {H = '上午?' + H;} else if (H > 12 && H < 24) {H = '下午?' + coverZero(H);} else {H = '下午?00';}}ev.innerHTML = Y + '年' + M + '月' + D + '日 ' + ' ' + W + '?' + H + ':' + I + ':' + S;setTimeout(arguments.callee, 1000);})();}}

轉載于:https://www.cnblogs.com/79039535/archive/2011/07/11/2102827.html

總結

以上是生活随笔為你收集整理的JS实现动态显示当前时间(12/24小时制)(转载Mr.Think)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。