1。概要
Webサイトを設計および開発するときは、システム日付を表示する機能をページに追加できます。システムの日付を表示しながら対応するフェスティバルを表示できる場合は、ウェブサイトの訪問者にヘルプを提供できます。
2。技術的なポイント
特別な日付プロンプトを実装する機能は、次の手順にほぼ分割できます。
(1)日付()オブジェクトのインスタンスを作成し、getYear()、getMonth()、getDate()、およびgetDay()メソッドを使用して、現在のシステム時間で年、月、日、および週に関するデータ情報を取得します。
(2)getMonth()メソッドを使用して取得した月情報は0からカウントされるため、月の対応するデータは1に自動的に追加する必要があります。
(3)getDay()メソッドを使用して取得した毎週の情報は数値データであり、データオブジェクト配列を使用して対応するテキスト情報に変換する必要があります。
(4)表示されるフェスティバル名は、取得した月と日に基づいて審査されます。
(5)すべてのデータをブラウザに結合して出力し、<div>タグでマークされたInnerHTMLメソッドを使用して実装します。
3。特定の実装コード
(1)JavaScriptを使用して、特別な日付functionDatePrompt()を記述して、特別な日付を表示する<div>タグを指定します。特別な日付を求めるカスタム関数のコードは次のとおりです。
<スクリプト言語= "javascript"> <! - function dateprompt(){calendar = new date(); //日付オブジェクトday = calendar.getDay()を取得します。月= Calendar.getMonth()+1; //月曜日の日付を取得= calendar.getDate(); // get day year = calendar.getSlyear(); // 4ビット年var dayname = new Array( "Sunday"、 "Monday"、 "火曜日"、「木曜日」、「金曜日」、「土曜日」)を取得します。 var time = year+"year"+"month"+date+"day"+dayname [day]+""; // bar holidy = ""; if((month == 1)&&(date == 1))holidy = "<font color = red>新年の日"; if((月== 5)&&(date == 1))holiday = "<font color = red>国際労働日"; if((月== 5)&&(date == 4)holidy = "<ffon == 1)holiday = "<font color = red>国際子供の日"; if((月== 7)&&(date == 1))holidy = "<font color = red>センタリングパーティー記念日"; if((月== 8)&&(date == 1))holiday = "<font color = red> sarmy day" ((月== 12)&&(date == 25))holidy = "<font color = red> christmas"; time = time+holiday; clock.innerhtml = time; //システムの日付を表示し、特別な日付のプロンプトを指定します} // - > </script>(2)特別な日付と時刻をリアルタイムで表示する必要があるページの<body>でマークされたオンロードイベントでは、書かれたdateprompt()関数を呼び出し、ページの適切な場所に<div>タグを追加します。次のコードは、カスタム関数を呼び出すために使用されます。重要なコードは次のとおりです。
<body onload = "dateprompt()"> <td align = "center" background = "images/1.jpg"> <div id = "clock"> </div> </td>
上記は、編集者によって紹介された特別な日付プロンプト関数の実装方法に関する関連する知識です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!