Méthode JavaScript pour implémenter l'état de la batterie

[Images et textes associés recommandés : Tutoriel js (images et textes)]

À partir de Mozilla Aurora 11, dans Firefox navigateur Certaines nouvelles fonctionnalités ont été implémentées, dont l'implémentation de base de l'interface d'état de la batterie. Cette interface très simple peut vous fournir des informations sur le niveau actuel de la batterie, si elle est en charge, ainsi que certains événements de changement d'état de la batterie. Voyons les résultats !

L'objet batterie est stocké dans window.navigator.battery, mais comme c'est la première fois que Firefox implémente et fournit cette interface, elle n'est pas encore populaire, vous devez donc utiliser la méthode d'écriture window.navigator.mozBattery. Cet mozBattery objet possède les attributs suivants :

• charging: indique si l'appareil à batterie est actuellement en charge. Si la batterie n'est pas chargée, cette valeur est fausse. Si c'est vrai, la batterie est en charge. L'implémentation actuelle de l'API ne peut pas obtenir d'informations indiquant si elle est pleine, ni si l'appareil actuel dispose d'une batterie.
• chargingTime: fait référence au temps qu'il faudra pour que la batterie soit complètement chargée.
• dischargingTime: 电池已使用时间.
• level: indique le niveau de puissance, de 0 à 1,0. Lorsque cette valeur est 0, cela signifie que la batterie est épuisée et que le système est sur le point de s'arrêter. S'il est 1,0, cela signifie que la batterie est complètement chargée.

Pour ces états, l'interface fournit les événements correspondants, notamment onchargingchange, onchargingtimechange, ondischargingtimechange et onlevelchange. L'utilisation de base est simple :

// 获取电池对象!
var battery = navigator.battery || navigator.webkitBattery || navigator.mozBattery;

// 显示一些有用属性值
console.warn("电池充电状态: ", battery.charging); // true
console.warn("电量水平: ", battery.level); // 0.58
console.warn("电池使用时间: ", battery.dischargingTime);

// 设置一些事件监听器
battery.addEventListener("chargingchange", function(e) {
	console.warn("电池充电状态变化: ", battery.charging);
}, false);
battery.addEventListener("chargingtimechange", function(e) {
	console.warn("电池充电时间变化: ", battery.chargingTime);
}, false);
battery.addEventListener("dischargingtimechange", function(e) {
	console.warn("电池使用时间变化: ", battery.dischargingTime);
}, false);
battery.addEventListener("levelchange", function(e) {
	console.warn("电量水平变化: ", battery.level);
}, false);

Assez simple, n'est-ce pas ? Ces interfaces sont toutes géniales : simples, efficaces et pratiques !

Pourquoi utiliser ces interfaces de programmation de batterie ? Car de nombreuses applications mobiles (non natives) fournies avec les navigateurs ont besoin de connaître l'état actuel du système. Certains processeurs sont très sensibles à la puissance. L'appareil doit disposer d'une puissance suffisante avant d'effectuer certaines tâches spéciales. L'application doit rappeler à l'avance à l'utilisateur que la puissance est faible et qu'il doit être chargé.

Recommandations d'apprentissage associées : Tutoriel d'apprentissage javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!