Javascript计算器，添加时间显示(一)

最新推荐文章于 2023-02-20 14:45:43 发布

原创最新推荐文章于 2023-02-20 14:45:43 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #计算器

Javascript 同时被 2 个专栏收录

41 篇文章

订阅专栏

算法

8 篇文章

订阅专栏

本文介绍了一个JavaScript计算器项目中如何在屏幕显示区左上角添加实时时间显示的功能。通过使用JavaScript的Date对象和setTimeout方法实现了每秒更新时间的效果。

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); 
};