1. Ikhtisar
Saat merancang dan mengembangkan situs web, Anda dapat menambahkan fungsi menampilkan tanggal sistem ke halaman. Jika festival yang sesuai dapat ditampilkan saat menampilkan tanggal sistem, Anda dapat memberikan bantuan kepada pengunjung situs web.
2. Poin teknis
Fungsi menerapkan prompt tanggal khusus dapat dibagi secara kasar menjadi langkah -langkah berikut:
(1) Buat instance objek Date (), gunakan getYear (), getMonth (), getDate (), dan getDay () metode untuk mendapatkan informasi data tentang tahun, bulan, hari, dan minggu dalam waktu sistem saat ini.
(2) Informasi bulan yang diperoleh dengan menggunakan metode getmonth () dihitung dari 0, sehingga data yang sesuai bulan tersebut harus ditambahkan secara otomatis ke 1.
(3) Informasi mingguan yang diperoleh dengan menggunakan metode getDay () adalah data numerik, dan perlu menggunakan array objek data untuk mengonversi menjadi informasi teks yang sesuai.
(4) Nama festival yang ditampilkan dinilai berdasarkan bulan dan hari yang diperoleh.
(5) Gabungkan dan output semua data ke browser, dan gunakan metode InnerHTML yang ditandai dengan tag <div> untuk mengimplementasikannya.
3. Kode Implementasi Khusus
(1) Gunakan JavaScript untuk menulis tanggal prompt tanggal prompt prompt () untuk menentukan tag <div> yang menampilkan tanggal khusus. Kode untuk fungsi khusus yang diminta untuk tanggal khusus adalah sebagai berikut:
<Skrip bahasa = "javascript"> <!-function datePromppt () {calendar = new date (); // Dapatkan hari objek tanggal = calendar.getday (); bulan = calendar.getMonth ()+1; // dapatkan tanggal bulan = calendar.getDate (); // Dapatkan hari hari = calendar.getlyear (); // Dapatkan 4-bit tahun var dayname = array baru ("Minggu", "Senin", "Selasa", "Kamis", "Jumat", "Sabtu"); var waktu = tahun+"tahun"+bulan+"bulan"+tanggal+"hari"+dayname [hari]+""; // Tanggal Kombinasi var holiday = ""; if ((bulan == 1) && (tanggal == 1)) holiday = "<font color = merah> Hari Tahun Baru"; if (bulan == 5) && (tanggal == 1)) Holiday = "<font color = red> hari kerja internasional"; if (bulan == 5) && (tanggal == 4)) (bulan); (Tanggal == 1)) Holiday = "<font color = Red> International Children's Day"; if ((bulan == 7) && (date == 1)) Holiday = "<font color = red> centering party anniversary"; if (month == 8) & & red (date == 1) libur = "<font color = red> red> day tentara"; if bulan = Day "; if ((bulan == 12) && (tanggal == 25)) holiday =" <font color = red> natal "; waktu = waktu+liburan; jam.innerHtml = waktu; // Tunjukkan tanggal sistem dan berikan prompt tanggal khusus} //-> </script>(2) Dalam acara Onload yang ditandai dengan <body> di halaman yang perlu menampilkan tanggal dan waktu khusus secara real time, hubungi Fungsi DatePromppt () yang baru saja ditulis, dan tambahkan tag <div> di lokasi yang sesuai di halaman. Kode berikut digunakan untuk memanggil fungsi khusus. Kode kuncinya adalah sebagai berikut:
<body onload = "datePrompt ()"> <td align = "center" latar belakang = "gambar/1.jpg"> <div id = "clock"> </div> </td>
Di atas adalah pengetahuan yang relevan tentang metode implementasi fungsi prompt tanggal khusus yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!