Descripción de la función: abra la página web de un sitio web y no se mueva después de 5 minutos, la página se bloqueará, el contenedor de contenido se ocultará y se mostrará un contenedor para ingresar la contraseña. Ingrese la contraseña correcta para desbloquear. Después de bloquear, incluso si el usuario actualiza la página, el estado original permanece. Si se ha bloqueado, debe continuar con el bloqueo, de lo contrario se mostrará el contenido.
El código de muestra es el siguiente: use documento.
< xmlns = "http://www.w3.org/1999/xhtml"> <toad> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> javaScriptEnscriptS en el efecto de protección del sistema (bloqueo web de bloqueo) id = "dvContent"> Content <Br /> Content <Br /> Content <Br /> Content <Br /> Content <Br /> Content <Br /> Content < /div> <div id = "dvpassword" style = "visual (document.cookie.IndexOf ('Lock = 1')! = -1) showContent (falso); VAR RETART = 10 * 1000, temporizador; // bloquear después de 10s, modificar el retraso al tiempo que necesita, en la función MilliseConds startTimer () {ClearTimeOut (temporizador); timer = setTimeOut (TimerHandler, demora); } function timerHandler () {document.cookie = 'Lock = 1'; document.oNMouseMove = null; // Eliminar el evento de movimiento del mouse después de bloquear ShowContent (falso); } función showcontent (show) {document.getElementById ('dvContent'). style.display = show? 'Bloque': 'Ninguno'; document.getElementById ('dvpassword'). style.display = show? 'Ninguno': 'Bloque'; } function check () {if (document.getElementById ('txtpwd'). valor == '123') {document.cookie = 'Lock = 0'; Showcontent (verdadero); startTimer () // retime document.onmouseMove = startTimer; // REVIND Evento de movimiento del mouse} else alerta ('¡La contraseña es incorrecta!'); } window.onload = function () {document.onmouseMove = startTimer; startTimer (); } </script> </body> </html>