ホームページ > ウェブフロントエンド > jsチュートリアル > 日付を制御する JS の小さな例 display_javascript スキル

日付を制御する JS の小さな例 display_javascript スキル

WBOY
リリース: 2016-05-16 17:12:51
オリジナル
959 人が閲覧しました

一般的に、プロジェクトで時間の表示に関する問題が発生します。これに対処する一般的な方法は、フロント デスクで JS を介して制御することです。表示時間を制御するための JS のコードは次のとおりです。さまざまな表示方法があります。

コードをコピー コードは次のとおりです。

function Clock() {
var date = new Date();
this.year = date.getFull Year();
this.month = date.getMonth() 1;
this.date = date.getDate();
this.day = new Array("日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日")[date.getDay()];
this.hour = date.getHours() < "0" date.getHours();
this.nutes() <10 ? "date.getMinutes()" .getMinutes ();
this.second = date.getSeconds() < 10 ? "0" date.getSeconds() : date.getSeconds();

this.toString = function() {
return "今は:" this.year "年" this.month "Month" this.date "Day" this.hour ":" this. minutes ":" this.second " " this.day
};// 現在は 現在は: 2013 年 3 月 6 日水曜日 13:54:17

コードをコピー コードは次のとおりです。


this.toSimpleDate = function() {
return this.year "-" this.month "-" this.date;
};//2013-03-06

this .toDetailDate = function() {
return this.year "-" this.month "-" this.date " " this.hour ":" this. minutes ":" this. Second;
};/ /2013- 03-06 13:45:43

this.display = function(ele) {
var Clock = new Clock();
ele.innerHTML = Clock.toString(); //Display メソッド呼び出し
window.setTimeout(function() { Clock.display(ele);}, 1000);
};
}
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート