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

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

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

Javascript 計(jì)算器：

系列文章：

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

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

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

效果圖如下：

左上角顯示動(dòng)態(tài)顯示當(dāng)前時(shí)間日期

代碼

初始化

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

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

時(shí)間顯示

// 在屏顯區(qū)左上角顯示時(shí)間日期
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); 
};

時(shí)間格式化

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

通過定時(shí)器每隔一秒獲取時(shí)間去顯示

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

您可能感興趣的文章:

相關(guān)文章

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