源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部