你知道用 JavaScript 阻止屏幕睡眠有多難嗎

你知道用 JavaScript 阻止屏幕睡眠有多難嗎？

用 JavaScript 阻止屏幕進入睡眠狀態

最近在 H5 端有需要保持手機屏幕常亮的需求，輾轉之下，發現了一個早在 chrome 85 中就已經支持的 Web API，不過，截止到今天發文時，Safari 仍不支持，盡管如此，在安卓端我們還是能調用這個 API 來節省設備電池電量（相對于 NoSleep.js 來說），ios 端使用 polyfill 的方式，在將來 Safari 支持該 API 后移除即可。

Wake Lock 可防止屏幕關閉、變暗或鎖定，僅適用于活動的選項卡/窗口，這可以防止后臺選項卡使您的設備保持喚醒狀態，也提供了函數以隨時通過代碼手動釋放。

調用 Wake Lock 之前，我們首先需要檢查當前瀏覽器中是否存在該功能。我們可以使用以下簡單函數來做到這一點。

const canWakeLock=()=> 'wakeLock' in navigator;

請求喚醒鎖

下面的示例演示如何請求 WakeLockSentinel 對象。WakeLock.request 方法是基于 Promise 的，因此我們可以創建一個異步函數。

let wakeLock=null;const requestWakeLock=async ()=>{
    try {
        wakeLock=await navigator.wakeLock.request('screen');
        console.log('Wake Lock is active!');
    } catch (err) {
        console.log(`${err.name}, ${err.message}`);
}}
requestWakeLock()

釋放喚醒鎖

下面的示例演示如何釋放以前獲取的喚醒鎖。

wakeLock.release().then(()=> wakeLock=null);

偵聽喚醒鎖釋放

如因任何原因（例如離開活動窗口/選項卡）而釋放喚醒鎖，將出觸發 release 監聽函數。

wakeLock.addEventListener('release', ()=> {
console.log('Wake Lock has been released');});

重新獲取喚醒鎖

以下代碼在文檔的可見性發生更改并釋放喚醒鎖時重新獲取喚醒鎖。

家都知道javascript單線程異步機制

接下來看一個例子

異步運行

需求來了先輸出a，5秒后再輸出b，再過5秒輸出c。

用笨方法運行一下

笨笨的嵌套

運行結果

這種方式好像也可以實現，但是需要一層一層的嵌套

接下來實現最終sleep函數

封裝sleep函數

運行結果

使用 async / await 異步等待來實現

如果對您有用點個贊支持一下，小編感激不盡！

電腦長時間不用的時候，我們一般都會讓其待機，這個時候就需要用到電腦的休眠功能了。如果把休眠的快捷方式設置到桌面上的話，那么操作起來就會非常方便，只需要點擊一下鼠標就可以進入休眠狀態了，下面小編就將大家如何在Windows 7系統下設置休眠的快捷方式的方法。

從Windows XP開始，Windows默認不再提供休眠按鈕，我們只能在關機的窗口中按下Shift鍵，使“待機”變為“休眠”，才能夠使其進入休眠狀態。

而在Vista和Windows 7之后，“休眠”功能進行了大幅增強，也變得更加人性化，但是還是略顯繁瑣，用戶需要的僅僅是按兩下就完成的休眠功能，從網絡上也有很多打補丁或是修改注冊表的方法來實現“一鍵休眠”，但是普通用戶在設置修改的時候稍有不慎機器就會崩潰。

筆者今天將為大家介紹一種Windows 7系統自帶的方法，設置完畢之后，按一個快捷鍵就能快速使計算機休眠，與大家一起分享。

在Windows 7桌面上，右鍵屬性新建一個快捷方式，并在提示的對象位置上，鍵入我們需要創建快捷方式程序的位置，將“rundll32.exe powrprof.dll,SetSuspendState Hibernate”輸入到空格處，點擊下一步，如上圖所示。

將我們新建的快捷方式設定一個名稱，這里取名為“休眠”，點擊完成按鈕，完成第一步的新建快捷方式操作過程。

在第一步中，我們已經新建完了“休眠”快捷方式?，F在我們只需要去雙擊運行“休眠”程序，計算機系統就會自動進入黑屏后休眠。

在這里，其實我們還可以為這個快捷方式設定一個快捷按鍵，即是在鍵盤上定義一個物理按鍵，并當我們按下這個定義好的按鍵時，計算機就能自動通過啟動桌面的“休眠”程序來進入休眠狀態，這樣的話，用戶在使用起來的時候就更加方便了。

在右鍵彈出的“休眠”屬性中，我們看到在“快捷方式”標簽下，有一個“快捷鍵”的按鈕，用戶在這里可以根據自己的使用習慣，選擇鍵盤上的一個按鈕后，點擊“應用”完成設置。

小結：當你需要待機外出一兩個小時再回來時，讓計算機進入休眠狀態，明顯既省電又能使計算機進入休息非常方便。在待機狀態下，將當前數據保存在內存中，因此只向內存供應電源。該模式的特點是喚醒時恢復的時間比休眠狀態要短。

休眠狀態是將內存中的數據暫時保存在硬盤中，然后切斷內存的電源。在休眠狀態下大部分部件的電源都被切斷。因此休眠狀態下會更為省電一些。

文章來自互聯網，只做分享使用。發布者：云評測專家，轉轉請注明出處：https://www.baoxiaoke.com/article/100493.html

在線咨詢

上一篇：如此風騷：2014年刷爆朋友圈的十大H5案例
下一篇：JavaScript Charts更新至v3.17.

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。