Javascript 實現(xiàn)計算器時間功能詳解及實例（二）

更新時間：2017年01月08日 15:36:54 作者：gccll

這篇文章主要介紹了Javascript 實現(xiàn)計算器時間功能詳解及實例的相關資料,需要的朋友可以參考下

Javascript 計算器：

系列文章：

JS 實現(xiàn)計算器詳解及實例代碼（一）

Javascript 實現(xiàn)計算器時間功能詳解及實例（二）

Javascript計算器 -> 添加時間在屏顯區(qū)左上角添加時間顯示

效果圖如下：

左上角顯示動態(tài)顯示當前時間日期

代碼

初始化

// 計算器初始化
Calculator.prototype.init = function () {
 this.addTdClick();

 // 時間顯示
 this.showDate();
};

時間顯示

// 在屏顯區(qū)左上角顯示時間日期
Calculator.prototype.showDate = function () {
 $("result-date").innerText = new Date().format("hh:mm:ss EEE yyyy-MM-dd");

 var that = this;
 if (this.timer) clearTimeout(this.timer);
 this.timer = setTimeout(function(){
  that.showDate();
 }, 1000); 
};

時間格式化

Date.prototype.format = function (dateStr){}

通過定時器每隔一秒獲取時間去顯示

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

IE6下focus與blur錯亂的解決方案
Miller同學發(fā)現(xiàn)的IE6 bug：如以下代碼，點擊textarea時，引發(fā)window的blur，導致focus與blur配對混亂
2011-07-07
js實現(xiàn)點擊生成隨機div
這篇文章主要為大家詳細介紹了js實現(xiàn)點擊生成隨機div，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
JavaScript提取PDF圖片的方法詳解
這篇文章主要為大家詳細介紹了如何使用JavaScript提取 PDF 圖片,即把每一頁里的多張圖片都提取出來,不是把一整頁都轉換為一張圖片,感興趣的可以了解下
2025-03-03
關于同時使用swiper和echarts遇到的問題及解決方法
這篇文章主要介紹了關于同時使用swiper和echarts遇到的問題及解決方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04
swtich／if...else的替代語句
這篇文章主要介紹了swtich／if...else的替代語句的相關資料,需要的朋友可以參考下
2015-08-08
JavaScript中的this關鍵字介紹與使用實例
JavaScript其實一門基于或者說是面向?qū)ο蟮恼Z言，這樣的話，this這個關鍵字，在類的內(nèi)部就顯得尤為重要
2013-06-06
JavaScript 函數(shù)的定義-調(diào)用、注意事項
這篇文章主要介紹了JavaScript 函數(shù)的定義-調(diào)用、注意事項,需要的朋友可以參考下
2017-04-04
24行JavaScript代碼實現(xiàn)Redux的方法實例
這篇文章主要給大家介紹了關于如何利用24行JavaScript代碼實現(xiàn)Redux的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-11-11
js 如何實現(xiàn)對數(shù)據(jù)庫的增刪改查
JavaScript操作數(shù)據(jù)庫JS操作Access數(shù)據(jù)庫，跟其他語言操作差不多，總結了一下習慣代碼，需要的朋友可以參考下
2012-11-11
js字符串轉換成數(shù)字與數(shù)字轉換成字符串的實現(xiàn)方法
本篇文章主要是對js字符串轉換成數(shù)字與數(shù)字轉換成字符串的實現(xiàn)方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01