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 중국어 웹사이트의 관련 기사를 주목하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
