계산기 시간 함수의 Javascript 구현에 대한 자세한 설명 및 예(2)

Javascript 계산기:

연재 기사:

JS 계산기 구현을 위한 자세한 설명 및 예제 코드(1)

계산기 시간 기능 구현을 위한 Javascript 자세한 설명 및 예제 (2) )

Javascript Calculator-> 화면 표시 영역의 왼쪽 상단에 시간 표시를 추가합니다

효과 그림은 다음과 같습니다.

코드

자바스크립트 계산기 초기화

// 计算器初始化
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 구현 세부 사항과 계산기 시간 기능(2)의 예를 보려면 PHP 중국어 웹사이트의 관련 기사를 주목하세요!