Rumah >hujung hadapan web >tutorial js >JavaScript melaksanakan kod API getaran telefon mudah alih
API baharu telah dikeluarkan. HTML5 akan (tidak lama lagi) menyokong getaran peranti pengguna. Ini jelas merupakan perkara yang sangat menarik Contohnya, ia boleh mencetuskan peringatan untuk pengguna dan meningkatkan pengalaman permainan. Editor di bawah akan menyusun API getaran telefon mudah alih JavaScript untuk semua orang yang memerlukannya.
API baharu yang disediakan dalam penyemak imbas moden semakin cenderung kepada aplikasi telefon mudah alih berbanding aplikasi desktop tradisional, seperti API maklumat geolokasi javascript. API JavaScript lain yang hanya disasarkan pada aplikasi mudah alih ialah API Getaran. Jelas sekali, API ini membenarkan pengaturcara mudah alih menggunakan JavaScript untuk memanggil fungsi getaran telefon dan menetapkan mod dan tempoh getaran.
Tentukan sokongan penyemak imbas untuk API getaran
Kebiasaan yang baik ialah menyemak sama ada persekitaran aplikasi dan penyemak imbas semasa anda menyokong API getaran sebelum menggunakannya . Berikut ialah kaedah pengesanan:
Kod adalah seperti berikut:
// Standards ftw! var supportsVibrate = "vibrate" in navigator;
Hanya terdapat satu API tentang getaran dalam objek window.navigator: vibrate .
Aplikasi Asas API Getaran
Fungsi navigator.vibrate boleh menerima parameter numerik atau tatasusunan angka Apabila menggunakan parameter tatasusunan, digit bernombor ganjil ialah bilangan saat untuk bergetar dan genap. -digit bernombor ialah saat menunggu.
// Bergetar selama 1 saat
navigator.vibrate(1000);
// Bergetar beberapa kali
// Parameter bergetar selama 3 saat, tunggu selama 2 saat, dan kemudian bergetar selama 1 saat
navigator.vibrate([3000, 2000, 1000]);
Jika anda ingin berhenti bergetar, anda hanya perlu menghantar 0 atau tatasusunan kosong ke kaedah navigator.vibrate:
// Berhenti bergetar
navigator.vibrate(0); navigator.vibrate([]);
Diperlukan Sebagai peringatan, memanggil kaedah navigator.vibrate tidak akan menyebabkan telefon bergetar secara kitaran; apabila parameter ialah nombor, getaran akan berlaku sekali dan kemudian berhenti. Apabila parameter ialah tatasusunan, getaran akan bergetar mengikut nilai dalam tatasusunan, dan kemudian berhenti bergetar.
Getaran berterusan
Kita hanya boleh menggunakan kaedah setInterval dan clearInterval untuk menghasilkan kesan menjadikan telefon sentiasa bergetar:
var vibrateInterval; // Starts vibration at passed in level function startVibrate(duration) { navigator.vibrate(duration); } // Stops vibration function stopVibrate() { // Clear interval and stop persistent vibrating if(vibrateInterval) clearInterval(vibrateInterval); navigator.vibrate(0); } // Start persistent vibration at given duration and interval // Assumes a number value is given function startPeristentVibrate(duration, interval) { vibrateInterval = setInterval(function() { startVibrate(duration); }, interval); }
Kod di atas hanya untuk parameter getaran yang nombor. Sekiranya, jika parameter ialah tatasusunan, anda juga perlu mengira jumlah tempohnya dan kemudian gelung berdasarkan ciri-cirinya.
Senario untuk menggunakan API Getaran
API ini jelas disasarkan pada peranti telefon mudah alih. Apabila membangunkan aplikasi mudah alih WEB mudah alih, ia adalah alat amaran yang baik Apabila membangunkan permainan Web atau aplikasi multimedia, fungsi getaran ini merupakan teknologi yang sangat diperlukan. Sebagai contoh, apabila pengguna bermain permainan WEB anda pada telefon mudah alih, dan letupan berlaku dalam permainan, dan anda membuat telefon mudah alih bergetar dengannya, adakah ia pengalaman pengguna yang sangat baik?
Apakah pendapat anda tentang API getaran JavaScript ini? Adakah anda fikir ia akan menjadi popular dengan cepat? Masih tidak banyak kegunaan?
Di atas adalah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript, Tutorial Video Html5!