Javascript 实现计算器时间功能详解及实例(二)


Posted in Javascript onJanuary 08, 2017

Javascript 计算器:

系列文章:

JS 实现计算器详解及实例代码(一)

Javascript计算器 -> 添加时间在屏显区左上角添加时间显示

效果图如下:

Javascript 实现计算器时间功能详解及实例(二)

代码

初始化

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

 // 时间显示
 this.showDate();
};

时间显示

// 在屏显区左上角显示时间日期
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){}

通过定时器每隔一秒获取时间去显示

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
Aug 26 Javascript
JS中的数组的sort方法使用示例
Jan 22 Javascript
jquery实现的网页自动播放声音
Apr 30 Javascript
js获取页面传来参数的方法
Sep 06 Javascript
JS 实现可停顿的垂直滚动实例代码
Nov 23 Javascript
通过原生JS实现为元素添加事件的方法
Nov 23 Javascript
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
ant-design-vue按需加载的坑的解决
May 14 Javascript
JS 实现计算器详解及实例代码(一)
Jan 08 #Javascript
详解百度百科目录导航树小插件
Jan 08 #Javascript
Three.js基础部分学习
Jan 08 #Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
Jan 08 #Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 #Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 #Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 #Javascript
You might like
php2html php生成静态页函数
2008/12/08 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
JavaScript的parseInt 取整使用
2011/05/09 Javascript
ie下动态加态js文件的方法
2011/09/13 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
同时使用n个window onload加载实例介绍
2013/04/25 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
js过滤HTML标签完整实例
2015/11/26 Javascript
javascript基于prototype实现类似OOP继承的方法
2015/12/16 Javascript
两种方法解决javascript url post 特殊字符转义 + & #
2016/04/13 Javascript
强大Vue.js组件浅析
2016/09/12 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
JavaScript利用闭包实现模块化
2017/01/13 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
Jquery如何使用animation动画效果改变背景色的代码
2020/07/20 jQuery
python应用程序在windows下不出现cmd窗口的办法
2014/05/29 Python
浅谈Python中copy()方法的使用
2015/05/21 Python
Python中遍历字典过程中更改元素导致异常的解决方法
2016/05/12 Python
使用Python生成XML的方法实例
2017/03/21 Python
python字典快速保存于读取的方法
2018/03/23 Python
python使用tornado实现登录和登出
2018/07/28 Python
python爬虫selenium和phantomJs使用方法解析
2019/08/08 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
matplotlib 画双轴子图无法显示x轴的解决方法
2020/07/27 Python
神龙架导游词
2015/02/11 职场文书
收费员岗位职责
2015/02/14 职场文书
2015少先队大队辅导员工作总结
2015/07/24 职场文书
2019森林防火宣传标语大全!
2019/07/03 职场文书
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS