首頁 > 開發者 > JavaScript
javascript實現鎖定網頁、密碼解鎖效果（類似系統螢幕保護裝置效果），javascript解鎖
功能描述：開啟一個網站的網頁，過5分鐘不動作，就會鎖定頁面，隱藏內容容器，顯示一個容器用於輸入密碼，輸入正確的密碼來解鎖。鎖定後即使使用者重新整理頁面，還是保留原來的狀態。如已經鎖定的，需要繼續鎖定，否則顯示內容。
範例程式碼如下，通過document.onmouseover來實現多少分鐘沒有動作，使用計時器來實現。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript實現系統螢幕保護裝置效果(鎖定網頁)</title></head><body><div id="dvContent">內容<br />內容<br />內容<br />內容<br />內容<br />內容</div><div id="dvPassword" style="display:none">輸入密碼：<input type="password" id="txtPwd" /><input type="button" value="確定" onclick="check()"/></div><script> if (document.cookie.indexOf('lock=1') != -1) ShowContent(false); var delay = 10 * 1000,timer;//10s後鎖定，修改delay為你需要的時間，單位毫秒 function startTimer() { clearTimeout(timer); timer = setTimeout(TimerHandler, delay); } function TimerHandler() { document.cookie = 'lock=1'; document.onmousemove = null;//鎖定後移除滑鼠移動事件 ShowContent(false); } function ShowContent(show) { document.getElementById('dvContent').style.display = show ? 'block' : 'none'; document.getElementById('dvPassword').style.display = show ? 'none' : 'block'; } function check() { if (document.getElementById('txtPwd').value == '123') { document.cookie = 'lock=0'; ShowContent(true); startTimer()//重新計時 document.onmousemove = startTimer; //重新綁定滑鼠移動事件 } else alert('密碼不正確！！'); } window.onload = function () { document.onmousemove = startTimer; startTimer(); }</script></body></html>
曾經看過一部印象深刻的電影，裡面有一個情報部門人員在使用電腦時需要指紋識別後才有電腦的使用權，那時便感覺挺稀奇的，在以後才知道這是由於事先在電腦中存放了該使用者的指紋，當使用者將手掌放在指紋識別裝置上，所掃描的指紋將通過專門的軟體與事先存放在電腦指紋資料庫中的指紋進行比較，當指紋達到一致時使用者才能擁有電腦的使用權。這類技術現在已應用在IBM、富士通等品牌的膝上型電腦上，來保護資料的安全。而對於普通台式機卻顯得有些“小題大做”了，不過利用小小的網路攝影機來為電腦把“大門”卻是既廉價又實用的方法，實現的過程也很容易。 如果你有網路攝影機，那麼配合一款名為“Alparysoft VideoLock for Webcam”(： www.alparysoft.com/file.php?id=47)的軟體即可讓你的網路攝影機牢牢的為你看住“大門”了。從此也不必為別人竊取了密碼而擔心，因為你本人就是系統使用者的“密碼”。1.設定解鎖帳戶和密碼 當下載並安裝好該軟體後，我們將網路攝影機串連到電腦上並運行案頭上所建立的“Alparysoft Video Lock”快捷表徵圖，這時將開啟“VideLock:The Tip Of The Day”提示提示視窗，如果你希望在使用中掌握，那麼直接點擊“Close”按鈕，之後將開啟“Enter Your Name and Password”視窗。這裡要在“User Name”和“Password”處分別設定軟體使用者的使用者名稱和密碼小提示:設定這個密碼的作用是為防止網路攝影機因意外故障而不能識別你時，則可以通過強制方法為電腦進行解鎖，在下文中我們也將會詳細介紹如何解鎖。 如果網路攝影機已串連好，那麼最後點擊“OK”按鈕即可開啟軟體的操作介面。如果出現沒有檢測到網路攝影機的提示，那麼將不能正常開啟軟體操作介面視窗，可以重新將網路攝影機介面與電腦串連，如果不行就調換一個USB介面。另外重新安裝或升級網路攝影機的驅動也可以解決一些網路攝影機的相容性問題。2.設定網路攝影機偵測精度 在軟體的操作介面中點擊“Training”後，在當前的視頻視窗我們就會看到一個黃色的方框開始校準自己的臉部，為了讓軟體在識別過程中獲得較高的安全係數，我們還需要設定一下網路攝影機的偵測精度，具體方法可在右側視窗“Calibrate”欄下調整識別的精度。這裡我們會看到“0”、“1”和“2”三個刻度，其中如果將滑塊移到“0”處則表示最高的識別精度，雖然安全但不容易被識別；移至“2”處表示最低的識別精度，雖然容易識別但安全係數最低，移到“1”處表示識別精度和安全係數均為中，因此想獲得較合理的精度範圍，我們可以將小滑塊移到“1”刻度偏左處如果視頻畫面效果不好，例如出現視頻視窗花屏、顯示速度緩慢、以及視頻畫面為黑白或光線不足等問題，也將會嚴重影響到以後偵測的效果。所以這裡我們針對不同的問題給出一些解決方案：(1)如果視頻畫面顯示為花屏，這可能是由於安裝網路攝影機的驅動程式與顯卡驅動程式不相容而造成的，這時需要升級顯卡或網路攝影機的驅動程式。另外也有可能是網路攝影機與其它正在使用的裝置(例如數位相機)產生了衝突，這時就需要停用容易引起衝突的裝置。(2) 如果視頻重新整理速度緩慢，則可能是由於電腦效能偏低造成的，需要對系統進行適當最佳化，如果開啟了太多程式或感染了病毒也可能導致系統效能降低，......餘下全文>>
win7系統 屏保運行後 電腦自動鎖定 輸入密碼解鎖 原隱藏程式又出現了 高分高人
在案頭上右鍵，開啟個人化，進入屏保設定。可以選擇關閉屏保，也可以取消打勾“在恢複時顯示登入螢幕”。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
