获得电池状态 navigator.getBattery()

最新推荐文章于 2025-02-19 00:15:00 发布

weixin_34204057

最新推荐文章于 2025-02-19 00:15:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：https://yq.aliyun.com/articles/692291

本文介绍了如何使用navigator.getBattery()方法获取设备电池状态，并通过监听'chargingchange'、'dischargingtimechange'和'levelchange'事件来实时更新电池信息。文章提供了具体的JavaScript代码示例，展示了如何在不同事件触发时进行相应的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

navigator.getBattery().then(function(battery) {  

   console.log(battery)    

  /*

   charging: true

   chargingTime: 0

   dischargingTime: Infinity

   level: 1

   onchargingchange: null

   onchargingtimechange: null

   ondischargingtimechange: null

   onlevelchange: null

  */

   battery.addEventListener('chargingchange',function (){  
       alert(battery.charging?'在充电':'没在充电')//是否在充电  
   })

   battery.addEventListener('dischargingtimechange',function (info){
       console.log(info)//电池剩余时间改变时触发该事件
   })

   battery.addEventListener('levelchange',function (info){
       console.log(info)//在电池电量水平改变时触发
   })
 })