ฟังก์ชั่นคำอธิบาย: เปิดหน้าเว็บของเว็บไซต์และอย่าย้ายหลังจาก 5 นาทีหน้าจะถูกล็อคคอนเทนเนอร์เนื้อหาจะถูกซ่อนและคอนเทนเนอร์จะปรากฏขึ้นเพื่อป้อนรหัสผ่าน ป้อนรหัสผ่านที่ถูกต้องเพื่อปลดล็อก หลังจากล็อคแม้ว่าผู้ใช้จะรีเฟรชหน้าแล้วสถานะเดิมจะยังคงอยู่ หากถูกล็อคจะต้องล็อคต่อไปมิฉะนั้นเนื้อหาจะปรากฏขึ้น
รหัสตัวอย่างมีดังนี้: ใช้ document.onmouseover เพื่อให้ไม่ได้ดำเนินการเป็นเวลาหลายนาทีและใช้ตัวจับเวลาเพื่อนำไปใช้
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "เนื้อหาประเภท" เนื้อหา = "ข้อความ/html; charset = utf-8"/> <title> javascript id = "dvcontent"> เนื้อหา <br /> เนื้อหา <br /> เนื้อหา <br /> เนื้อหา <br /> เนื้อหา <br /> เนื้อหา <br /> เนื้อหา < /div> <div id = "dvpassword" style = "แสดง: ไม่มี" รหัสผ่าน: <อินพุต type = "รหัสผ่าน" id = "txtpwd (document.cookie.indexof ('lock = 1')! = -1) showcontent (เท็จ); var delay = 10 * 1000, ตัวจับเวลา; // ล็อคหลังจาก 10 วินาทีแก้ไขการหน่วงเวลาตามเวลาที่คุณต้องการในฟังก์ชั่นมิลลิวินาที startTimer () {clearTimeout (ตัวจับเวลา); timer = settimeout (timerhandler, ล่าช้า); } ฟังก์ชั่น timerHandler () {document.cookie = 'lock = 1'; document.onmousemove = null; // ลบเหตุการณ์การเคลื่อนไหวของเมาส์หลังจากล็อค showcontent (เท็จ); } function showcontent (show) {document.getElementById ('dvcontent'). style.display = แสดง? 'บล็อก': 'ไม่มี'; document.getElementById ('dvpassword'). style.display = แสดง? 'ไม่มี': 'บล็อก'; } ฟังก์ชั่นตรวจสอบ () {ถ้า (document.getElementById ('txtpwd'). value == '123') {document.cookie = 'lock = 0'; showcontent (จริง); startTimer () // document.onmousemove = startTimer; // rebind เหตุการณ์การเคลื่อนไหวของเมาส์} อื่นแจ้งเตือน ('รหัสผ่านไม่ถูกต้อง!'); } window.onload = function () {document.onmousemove = startTimer; startTimer (); } </script> </body> </html>