Deskripsi masalah: Ditampilkan di bilah status waktu pengunjung berada di halaman ini (misalnya: Anda tetap berada di halaman ini (misalnya: Anda telah berada di halaman ini selama X jam, X menit, X detik)
Masalah ini setara dengan merancang pengatur waktu untuk menunjukkan berapa lama pengunjung tetap berada di halaman. Untuk mengatasi masalah ini, ada dua metode utama yang terlintas di benak saya.
Metode 1: Gunakan waktu sistem. Artinya, pertama-tama tetapkan variabel untuk mendapatkan waktu mulai login startTime, lalu gunakan fungsi setTimeout() untuk menyegarkan halaman secara terus-menerus. Saat menyegarkan, dapatkan waktu sekarangWaktu saat ini, lalu kurangi waktu mulai login dari waktu saat ini, yang merupakan waktu menginap. Di sini tidak akan ditulis secara detail. Mari fokus pada metode kedua yang digunakan di bawah ini untuk mengimplementasikannya.
Metode 2: Tetapkan tiga variabel: detik, menit, jam. Lalu biarkan detik terus bertambah 1, dan gunakan setTimeout untuk menyegarkan halaman setiap detik. Ketika detik lebih besar dari atau sama dengan 60, menit mulai bertambah 1, dan detik disetel ulang ke nol. Demikian pula, ketika menit lebih besar dari atau sama dengan 60, jam mulai +1. Dengan cara ini, fungsi pengaturan waktu dapat direalisasikan.
Kode untuk metode kedua adalah sebagai berikut:
Copy kode kodenya sebagai berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8" />
<title>Dokumen Tanpa Judul</title>
</kepala>
<tubuh onload="timeCount()">
<skrip tipe="teks/javascript">
var detik=0;
var menit=0;
var jam=0;
fungsi hitungan waktu(){
kedua=kedua+1;
setTimeout("Jumlah waktu()",1000);
while(kedua>=60){
menit=menit+1;
kedua=0;
while(menit>=60){
jam=jam+1;
menit=0;
kedua=0;
}
}
window.status="Anda tetap berada di halaman ini"+jam+"jam"+menit+"menit"+detik+"detik";
}
</skrip>
</tubuh>
</html>
Efek pengoperasiannya ditunjukkan pada gambar.