JavaScriptでバッテリーステータスを実装する方法

[関連するグラフィックとテキストの推奨事項: js チュートリアル (グラフィックとテキスト)]

Mozilla Aurora 11 以降、Firefox でブラウザ いくつかの新機能が実装されました。そのうちの 1 つは、バッテリー ステータス インターフェイスの基本的な実装です。この非常にシンプルなインターフェイスは、現在のバッテリー レベル、充電中かどうか、およびいくつかのバッテリー ステータス変更イベントに関する情報を提供します。結果を見てみましょう!

バッテリー オブジェクトは window.navigator.battery に保存されますが、Firefox がこのインターフェイスを実装して提供するのはこれが初めてであるため、まだ普及していません。 window.navigator.mozBatteryこの書き方です。この mozBattery オブジェクトには次のプロパティがあります:

• charging: 現在のバッテリー デバイスが充電中かどうかを示します。バッテリーが充電されていない場合、この値は false になります。 true の場合、バッテリーは充電中です。現在の API 実装は、バッテリーが満杯かどうかに関する情報を取得できず、現在のデバイスにバッテリーがあるかどうかを判断することもできません。
• 充電時間: は、バッテリーが完全に充電されるまでにかかる時間を指します。
• dischargingTime: バッテリーの使用時間。
• level: は、0 ～ 1.0 のパワー レベルを表します。この値が 0 の場合、バッテリーが消耗し、システムがシャットダウンしようとしていることを意味します。 1.0 の場合、バッテリーが完全に充電されていることを意味します。

これらの状態の場合、インターフェイスは、onchargingchange、onchargingtimechange、ondischargingtimechange、onlevelchange# などの対応するイベントを提供します。 ##。基本的な使い方は簡単です:

// 获取电池对象!
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);

とても簡単ですね。これらのインターフェースはどれも素晴らしく、シンプル、効率的、そして実用的です。

これらのバッテリー プログラミング インターフェイスを使用する理由は何ですか?ブラウザーにパッケージ化されたモバイル アプリケーション (非ネイティブ) の多くは、システムの現在の状態を知る必要があるためです。一部の CPU は電力に非常に敏感です。特定の特別なタスクを処理する前に、デバイスに十分な電力が必要です。アプリは、電力が低いため充電してくださいと事前にユーザーに通知する必要があります。

関連する学習の推奨事項:

JavaScript 学習チュートリアル

以上がJavaScriptでバッテリーステータスを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。