1。概要
多くのWebサイトを閲覧すると、現在のシステム時間を表示する機能がWebサイトに追加されることがわかります。 Webページに現在のシステム時間を表示すると、視聴者が現在の時間を把握するだけでなく、Webページを美しくすることができます。
2。技術的なポイント
日付オブジェクトを使用した実装。まず、現在のシステム時間を表す日付（）オブジェクトを作成し、日付オブジェクトのgetXxx（）メソッドを介して、現在のシステム時間の年、月、日、時間、1週間、週の値を取得します。次に、取得した値を日付と時刻の文字列に結合し、日付と時刻の文字列を<div>タグのコンテンツに設定します。最後に、ウィンドウオブジェクトのsetimeout（）関数を使用して、1秒ごとにシステム時間をリアルタイムで表示する関数を呼び出します。
3。特定の実装
（1）新しいindex.jspページを作成し、システム時間をリアルタイムで表示するJavaScript関数を書き込みます。重要なコードは次のとおりです。
/***システム時間のリアルタイム表示//現在のシステム時間を表す日付オブジェクトvar year = dateobj.getTully（）; //現在のシステムの通年の値var month = dateobj.getmonth（）+1; //現在のシステムの月の値var var = dateobj.getDate（）; //現在のシステム時間の日時間var day = dateobj.getday（）; //現在のシステムの日時間var weeks = ["Sunday"、 "Monday"、 "Tuesday"、 "木曜日"、「金曜日」、「土曜日」]; var week = week [day]; //週の値から、配列var hour = dateobj.gethours（）から対応する週の文字列を取得します。 //現在のシステムの時間値時間var minute = dateobj.getMinutes（）; //現在のシステムの微小値var second = dateobj.getSeconds（）; //現在のシステム時間の2番目の値//月、日、時間、分、2番目の値が10未満の場合、0if（月<10）{月<10）{月= "0"+月;} if（hour <10）{10）{hour = "0" "+hour;} if（hour <10）{hour =" 0 "+hour;} if（smict <10）{siong <<<<<< "0"+second;} var newdate = year+"year"+"month"+"month"+date+"day"+week+""+hour+"："+minute+"："+second; document.getElementbyid（ "datestr"）。（2）ページ<body>タグのオンロードイベントの読み込みステップ（1）に記載されているJavaScript関数、および<div>タグは、ID「DateStr」を使用してページの適切な位置に追加されます。重要なコードは次のとおりです。
<body onload = "getLangdate（）"> <div id = "datestr"> </div> </body>
システム時間のリアルタイム表示の場合、ウィンドウオブジェクトのSetIntervar（）メソッドを使用することもできます。 setInterval（）メソッドは、settimeout（）メソッドに似ています。
違いは、windowオブジェクトのsetintervar（）メソッドを呼び出した後、setIntervar（）メソッドで呼び出されるjavaScriptメソッドが常に実行され、settimeout（）メソッドは1回しか実行できません。 Settimeout（）メソッドを介してJavaScriptメソッドを実行する場合、Settimeout（）は呼び出されたJavaScriptメソッドで記述する必要があります。
上記は、JSコードに基づくシステム時間のリアルタイム表示について、エディターが紹介した関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！