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 相关文章推荐
javascript一点特殊用法
May 28 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
纯前端JavaScript实现Excel IO案例分享
Aug 26 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
微信小程序视图template模板引用的实例详解
Sep 20 Javascript
javascript 开发之网页兼容各种浏览器
Sep 28 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
原生js实现购物车功能
Sep 23 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
php邮件发送,php发送邮件的类
2011/03/24 PHP
php简单定时执行任务的实现方法
2015/02/23 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
php获取远程文件内容的函数
2015/11/02 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
早该知道的7个JavaScript技巧
2013/03/27 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
[06:44]2018DOTA2亚洲邀请赛4.5 SOLO赛 MidOne vs Sumail
2018/04/06 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python标准库内置函数complex介绍
2014/11/25 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
VScode编写第一个Python程序HelloWorld步骤
2018/04/06 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
巴西男士个人护理产品商店:SHOP4MEN
2017/08/07 全球购物
工业学校毕业生自荐书
2014/01/03 职场文书
给同学的道歉信
2014/01/16 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
低碳生活的宣传标语
2014/06/23 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
工商局调档介绍信
2015/10/22 职场文书
听课评课活动心得体会
2016/01/15 职场文书
Spring Boot 实现 WebSocket
2022/04/30 Java/Android