1. Ikhtisar
Saat menjelajahi banyak situs web, Anda akan menemukan bahwa fungsi menampilkan waktu sistem saat ini ditambahkan ke situs web. Menampilkan waktu sistem saat ini di halaman web tidak hanya membuatnya nyaman bagi pemirsa untuk memahami waktu saat ini, tetapi juga mempercantik halaman web.
2. Poin teknis
Implementasi Menggunakan Objek Tanggal. Pertama, buat objek tanggal () yang mewakili waktu sistem saat ini, dan kemudian dapatkan nilai tahun, bulan, hari, jam, menit, kedua dan minggu dari waktu sistem saat ini melalui metode getxxx () dari objek tanggal. Selanjutnya, gabungkan nilai yang diperoleh ke dalam string tanggal dan waktu, dan atur string tanggal dan waktu ke konten tag <div>. Akhirnya, gunakan fungsi setTimeout () dari objek jendela untuk memanggil fungsi yang menampilkan waktu sistem secara real time setiap 1 detik.
3. Implementasi spesifik
(1) Buat halaman index.jsp baru dan tulis fungsi JavaScript yang menampilkan waktu sistem secara real time. Kode kuncinya adalah sebagai berikut:
/*** Tampilan waktu nyata dari waktu sistem*/fungsi getlangdate () {var dateObj = new date (); // objek tanggal yang mewakili waktu sistem saat ini var tahun = dateObj.getlyear (); // Nilai setahun penuh dari waktu sistem saat ini var bulan = dateobj.getmonth ()+1; // Nilai bulan dari waktu sistem saat ini var tanggal = dateobj.getDate (); // Hari sistem saat ini var hari = dateobj.getday (); // Hari sistem saat ini waktu var minggu = ["Minggu", "Senin", "Selasa", "Kamis", "Jumat", "Sabtu"]; var minggu = minggu [hari]; // Dari nilai minggu, dapatkan string minggu yang sesuai dari array var jam = dateobj.getHours (); // nilai jam dari waktu sistem saat ini var menit = dateobj.getMinutes (); // nilai menit dari waktu sistem saat ini var kedua = dateobj.getSeconds (); //The second value of the current system time //If the values of month, day, hour, minute, and second are less than 10, add 0if(month<10){month = "0"+month;}if(date<10){date = "0"+date;}if(hour<10){hour = "0"+hour;}if(minute<10){minute = "0"+minute;}if(second<10){second = "0"+kedua;} var newDate = tahun+"tahun"+bulan+"bulan"+tanggal+"hari"+minggu+""+jam+":"+menit+":"+detik; document.geteLementById ("dATestr"). 1}}}} 1}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}}} ada ada.(2) Fungsi JavaScript yang ditulis dalam Langkah Pemuatan Acara Onload (1) di tag Halaman <Body>, dan tag <div> ditambahkan ke posisi halaman yang sesuai, dengan ID "DateStr". Kode kuncinya adalah sebagai berikut:
<body onload = "getlangdate ()"> <div id = "dateStr"> </div> </body>
Saat tampilan waktu sistem waktu nyata, Anda juga dapat menggunakan metode setIntervar () dari objek jendela. Metode setInterval () mirip dengan metode setTimeout ().
Perbedaannya adalah bahwa setelah memanggil metode setIntervar () dari objek jendela, metode JavaScript yang dipanggil dengan metode setIntervar () akan dieksekusi sepanjang waktu, sedangkan metode setTimeout () hanya dapat dieksekusi sekali. Jika Anda ingin menjalankan metode JavaScript melalui metode setTimeout (), setTimeout () harus ditulis dalam metode JavaScript yang disebut.
Di atas adalah pengetahuan yang relevan yang diperkenalkan kepada Anda oleh editor pada tampilan waktu real-time dari waktu sistem berdasarkan kode JS. 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!