機能の説明：ウェブサイトのWebページを開き、5分後に移動しないでください。ページはロックされ、コンテンツコンテナが非表示になり、パスワードを入力するためにコンテナが表示されます。ロックを解除するには、正しいパスワードを入力します。ロックした後、ユーザーがページを更新したとしても、元の状態は残ります。ロックされている場合は、ロックを継続する必要があります。そうしないと、コンテンツが表示されます。
サンプルコードは次のとおりです。document.onmouseoverを使用して何分間アクションを達成せず、タイマーを使用してそれを実装します。
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <タイトル> javascriptはシステム画面保護効果（ロックウェブページを実現します） id = "dvcontent"> content <br /> content <br /> content <br /> content <br /> content <br /> content <br /> content < /div> <div div = "dvpassword" style = "display =" display：none ">パスワードの入力：<入力タイプ="パスワード "id =" txtpwd " /> <入力タイプ=" （document.cookie.indexof（ 'lock = 1'）！= -1）showcontent（false）; var Delay = 10 * 1000、Timer; // 10s後にロックし、必要な時間に遅延を変更し、milliseconds function starttimer（）{cleartimeout（Timer）; Timer = setimeout（Timerhandler、delay）; } function timerhandler（）{document.cookie = 'lock = 1'; document.onmousemove = null; // showcontent（false）をロックした後、マウスの動きイベントを削除します。 } function showcontent（show）{document.getElementById（ 'dvcontent'）。style.display= show？ 「ブロック」：「なし」; document.getElementById（ 'dvpassword'）。style.display = show？ 「なし」：「ブロック」; } function check（）{if（document.getElementById（ 'txtpwd'）。value == '123'）{document.cookie = 'lock = 0'; showcontent（true）; starttimer（）// retime document.onmousemove = starttimer; //マウスの動きイベントを再} else} else alert（ 'パスワードは間違っていない！！'）; } window.onload = function（）{document.onmousemove = starttimer; starttimer（）; } </script> </body> </html>