وصف الوظيفة: افتح صفحة ويب لموقع الويب ولا تتحرك بعد 5 دقائق ، وسيتم قفل الصفحة ، وسيتم إخفاء حاوية المحتوى ، وسيتم عرض حاوية لإدخال كلمة المرور. أدخل كلمة المرور الصحيحة لفتح. بعد القفل ، حتى لو قام المستخدم بتحديث الصفحة ، تظل الحالة الأصلية. إذا تم قفلها ، فيجب أن تستمر في القفل ، وإلا فسيتم عرض المحتوى.
رمز العينة كما يلي: استخدم المستند.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> ID = "dvContent"> المحتوى <br /> المحتوى <br /> المحتوى <br /> المحتوى <br /> المحتوى <br /> المحتوى <br /> المحتوى < /div> <div id = "dvpassword" style = "display: none"> enter password: <inputire type = "password" id = "txtpwd" /> <input type = "ok" (document.cookie.indexof ('lock = 1')! = -1) showcontent (false) ؛ var delay = 10 * 1000 ، timer ؛ // lock بعد 10s ، قم بتعديل التأخير إلى الوقت الذي تحتاجه ، في وظيفة milliseconds startTimer () {cleartimeout (timer) ؛ Timer = setTimeOut (TimerHandler ، Delay) ؛ } وظيفة timerHandler () {document.cookie = 'lock = 1' ؛ document.onmousemove = null ؛ // قم بإزالة حدث حركة الماوس بعد قفل العرض (false) ؛ } وظيفة العرض (show) {document.getElementById ('dvcontent'). style.display = show؟ "كتلة": "لا شيء" ؛ document.getElementById ('dvpassword'). style.display = show؟ "لا شيء": "كتلة" ؛ } check check () {if (document.getElementById ('txtpwd'). value == '123') {document.cookie = 'lock = 0' ؛ العرض (صحيح) ؛ startTimer () // retime document.onmousemove = startTimer ؛ // Rebind Mouse Movement Event} تنبيه آخر ("كلمة المرور غير صحيحة!!") ؛ } window.onload = function () {document.onmousemove = startTimer ؛ startTimer () ؛ } </script> </body> </html>