وصف المشكلة: اعرض على شريط الحالة الوقت الذي قضاه الزائر في هذه الصفحة (على سبيل المثال: لقد بقيت في هذه الصفحة (على سبيل المثال: لقد بقيت في هذه الصفحة لمدة X ساعة، X دقيقة، X ثانية)
هذه المشكلة تعادل تصميم مؤقت لإظهار مدة بقاء العارض على الصفحة. لحل هذه المشكلة، هناك طريقتان رئيسيتان تتبادران إلى ذهني.
الطريقة الأولى: استخدام وقت النظام أي قم أولاً بتعيين متغير للحصول على وقت بدء تسجيل الدخول، ثم استخدم وظيفة setTimeout() لتحديث الصفحة بشكل مستمر، واحصل على الوقت الحالي nowTime، ثم اطرح وقت بدء تسجيل الدخول من الوقت الحالي. وهو وقت الإقامة. لن يتم كتابتها بالتفصيل هنا. دعنا نركز على الطريقة الثانية المستخدمة أدناه لتنفيذها.
الطريقة الثانية: قم بتعيين ثلاثة متغيرات: الثانية، الدقيقة، الساعة. ثم دع الثانية تستمر في الزيادة بمقدار 1، واستخدم setTimeout لتحديث الصفحة كل ثانية عندما تكون الثانية أكبر من أو تساوي 60، تبدأ الدقيقة في الزيادة بمقدار 1، ويتم إعادة تعيين الثانية إلى الصفر. وبالمثل، عندما تكون الدقيقة أكبر من أو تساوي 60، تبدأ الساعة عند +1. بهذه الطريقة، يمكن تحقيق وظيفة التوقيت.
رمز الطريقة الثانية هو كما يلي:
انسخ رمز الكود كما يلي:
<!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">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>مستند بدون عنوان</title>
</الرأس>
<body onload="timeCount()">
<نوع البرنامج النصي = "نص/جافا سكريبت">
فار ثانية=0;
فار دقيقة=0;
فار ساعة=0;
وظيفة الوقتالعد () {
ثانية=ثانية+1;
setTimeout("timeCount()",1000);
بينما(الثانية>=60){
دقيقة=دقيقة+1;
ثانية = 0؛
بينما (دقيقة> = 60) {
ساعة=ساعة+1;
دقيقة=0;
ثانية = 0؛
}
}
window.status="لقد بقيت في هذه الصفحة"+hour+"hour"+دقيقة+"دقيقة"+ثانية+"ثانية";
}
</script>
</الجسم>
</html>
يظهر تأثير التشغيل في الشكل.