Explication détaillée et exemples d'implémentation Javascript de la fonction de temps de la calculatrice (2)

Calculatrice Javascript :

Série d'articles :

Explication détaillée JS et exemple de code pour implémenter la calculatrice (1)

Explication détaillée Javascript et exemple pour implémenter la fonction de temps de la calculatrice (2) )

Calculatrice Javascript-> Ajouter l'heure Ajouter l'affichage de l'heure dans le coin supérieur gauche de la zone d'affichage de l'écran

L'image de l'effet est la suivante :

Code

Initialiser la calculatrice Javascript

// 计算器初始化
Calculator.prototype.init = function () {
 this.addTdClick();
 
 // 时间显示
 this.showDate();
};

Affichage de l'heure

// 在屏显区左上角显示时间日期
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);
};

Formatage de l'heure

Date.prototype.format = function (dateStr){}

Obtenez l'heure chaque seconde grâce à la minuterie pour l'afficher

Merci d'avoir lu, J'espère que cela pourra aider tout le monde, merci à tous de soutenir ce site !

Pour plus de détails sur l'implémentation de Javascript et des exemples de la fonction de temps de la calculatrice (2), veuillez faire attention au site Web PHP chinois pour les articles connexes !