Funktion Beschreibung: Öffnen Sie die Webseite einer Website und bewegen Sie sich nicht nach 5 Minuten, die Seite wird gesperrt, der Inhaltsbehälter wird versteckt und ein Container wird zum Eingeben des Kennworts angezeigt. Geben Sie das richtige Passwort ein, um sie zu entsperren. Nach dem Sperren, auch wenn der Benutzer die Seite aktualisiert, bleibt der ursprüngliche Status bestehen. Wenn es gesperrt wurde, muss es weiter sperren, sonst wird der Inhalt angezeigt.
Der Beispielcode lautet wie folgt: Verwenden Sie das Dokument.Onmouseover, um viele Minuten lang keine Aktion zu erreichen, und verwenden Sie einen Timer, um ihn zu implementieren.
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd"><Htmlmlml xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript realizes system screen protection effect (lock web page)</title></head><body><div id = "dvContent"> Inhalt <br /> Inhalt <br /> Inhalt <br /> Inhalt <br /> Inhalt <br /> Inhalt <br /> Inhalt < /div> <div id = "dvpassword" style = "Anzeige: keine"> Kennwort eingeben: <input type = "password" id = "txtpwd" /> <Eingabe Typ ". (document.cookie.indexof ('lock = 1')! = -1) showcontent (false); var delay = 10 * 1000, timer; // sperren nach 10s, ändern Sie die Verzögerung auf die Zeit, die Sie benötigen, in Milliseconds function startTimer () {ClearTimeout (Timer); Timer = setTimeout (TimerHandler, Verzögerung); } Funktion TimerHandler () {document.cookie = 'lock = 1'; document.onmousemove = null; // Entfernen Sie das Mausbewegungsereignis nach dem Sperren von Showcontent (false); } function ShowContent (show) {document.getElementById ('dvcontent'). style.display = show? 'Block': 'keine'; document.getElementById ('dvpassword'). style.display = show? 'Keine': 'Block'; } function check () {if (document.getElementById ('txtpwd'). value == '123') {document.cookie = 'lock = 0'; Showcontent (wahr); startTimer () // retime document.onmousemove = startTimer; // Mausbewegungsereignis rebind} else alarm ('Passwort ist falsch!!'); } window.onload = function () {document.onmousemove = startTimer; startTimer (); } </script> </body> </html>