浏览器实现监测电池状态信息 navigator.getBattery

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

原创最新推荐文章于 2025-02-19 00:15:00 发布 · 958 阅读

3 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一种使用navigator.getBattery() API来实时监测设备电池状态的方法，包括充电状态、当前电量、预计充满时间及剩余使用时间，并通过监听事件实现状态更新。

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
	navigator.getBattery().then(function(battery) {
		console.log(battery.charging,'是否在充电')
		console.log(battery.level * 100 + "%",'当前电量')
		console.log("还有多久充满 " + battery.chargingTime/60/60 );
		console.log("还可以用多久: " + battery.dischargingTime/60/60 ,'小时');
		  battery.addEventListener('chargingchange', function() {
		    console.log(battery.charging,'是否在充电')
		  });
		  battery.addEventListener('levelchange', function() {
		    console.log(battery.level * 100 + "%",'当前电量')
		  });
		  battery.addEventListener('chargingtimechange', function() {
		    console.log("还有多久充满 " + battery.chargingTime/60/60 );
		  });
		  battery.addEventListener('dischargingtimechange', function() {
		    console.log("还可以用多久: " + battery.dischargingTime/60/60 ,'小时');
		  });
	});
	</script>
</body>
</html>