ホームページ  >  記事  >  ウェブフロントエンド  >  時刻計算機能のJavascript実装例(2)の詳細説明と実装例

時刻計算機能のJavascript実装例(2)の詳細説明と実装例

高洛峰
高洛峰オリジナル
2017-01-20 17:08:021241ブラウズ

Javascript Calculator:

連載記事:

JS 電卓の詳しい説明と実装例(1)

JavaScript 電卓の時間関数の詳しい説明と実装例(2)

Javascript Calculator->画面上のエリアの左上隅に時間表示を追加します

効果の図は次のとおりです:

Javascript 实现计算器时间功能详解及实例(二)

コード

初期化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);
};

タイミングによる時刻の書式設定

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

デバイスは表示するために毎秒時間を取得します

読んでいただきありがとうございます、皆さんのお役に立てれば幸いです、このサイトのサポートに感謝します!

電卓時間関数 (2) の Javascript 実装の詳細な説明と例については、PHP 中国語 Web サイトの関連記事に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。