当前位置：首页 > 资讯 > 技术文档

Javascript 实现计算器时间功能详解及实例（二）

时间：2020-04-07 04:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：Javascript 实现计算器时间功能详解及实例（二）

Javascript 计算器：系列文章： [url=http://www.1sucai.cn/article/102376.htm]JS 实现计算器详解及实例代码（一）[/url] [url=http://www.1sucai.cn/article/102377.htm]Javascript 实现计算器时间功能详解及实例（二）[/url] Javascript计算器 -> 添加时间在屏显区左上角添加时间显示效果图如下： [img]http://files.jb51.net/file_images/article/201701/201701081534323.png[/img] 代码初始化

// 计算器初始化
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){}

通过定时器每隔一秒获取时间去显示感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：简单实现JS计算器功能
下一篇：让回调函数 showResponse 也带上参数的代码

资讯排行榜
更多>>