この記事では、現地時間に同期したJavaScriptを実装する動的時間表示方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
動的な表示時間の例は非常に簡単です。 JavaScriptを理解した後、数行のコードで物事を完了することができます。
しかし、JavaScriptに一度もさらされたことがない人にとっては、彼らはほとんど大きなプロジェクトのように見え、その後オンラインでコードを検索してから、膨大なHTMLコードでそれを見つけることができず、最終的に重要なポイントを取得できません。
1。基本的な目的
最短コードを使用して、クライアント(ブラウザマシン)の時間を添付したWebページのテキスト時間を実装します。
2。生産プロセス
次のようにコードをコピーします。<
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> jsclock </title>
</head>
<body>
<script type = "text/javascript">
functionClock(){
var time = new date()。tolocalestring();
document.getElementById( "clock")。innerhtml = time;
}
setInterval( "clock()"、1000);
</script>
<span id = "clock"> </span>
</body>
</html>
1.日付オブジェクトがパラメーターなしでコンストラクターを使用する場合、クライアントの時間を返します。 tolocalestring()メソッドは、時間の形式を表示するために時間を変換します。 ToString()メソッドだけである場合、時間を英語で書かれた時間文字列にのみ変換します。同時に、私は個人的に、tolocaletimestring()メソッドが存在しないことに気付きました。投げないでください。システム独自のメソッドの変換の時間に満足していない場合は、getDay()、getMonth()、getFlyear()などのさまざまな方法を使用して文字列を作成してください。二度と表示はありません。
2。NENNEHTMLは、IDクロックのすべての要素の下のすべての要素に相当します。 document.getElementById( "clock")。innerhtml = time;文の意味「<span id = "clock"> </span> "は、time stringのコンテンツに変更されます。
3.このJavaScriptの鍵は、setinterval( "clock()"、1000)です。関数は、クロック()関数が1000ミリ秒ごとに1回、つまり1秒ごとに実行されることを意味します。つまり、1秒ごとに、<span id = "clock"> </span>のコンテンツがtime stringに更新されます。
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。