Phương thức clearWatch()/API trong HTML5

Miêu tả

Phương thức clearWatch hủy một triệu hồi watchPosition đang diễn ra. Khi bị hủy, việc triệu hồi watchPosition dừng thu nhận cập nhật về vị trí địa lý hiện tại của thiết bị.

Cú pháp

Dưới đây là cú pháp của phương thức trên:

clearWatch(watchId);

Các tham số

Dưới đây là chi tiết về tham số:

watchId : Xác định ID duy nhất của việc triệu hồi watchPosition để hủy. ID này được trả về từ việc triệu hồi watchPosition.

Trả về giá trị

Phương thức clearWatch không trả về một giá trị nào.

Quảng cáo

Ví dụ

<!DOCTYPE HTML>
<head>
<script type="text/javascript">
var watchID;
var geoLoc;

function showLocation(position) {
  var latitude = position.coords.latitude;
  var longitude = position.coords.longitude;
  alert("Latitude : " + latitude + " Longitude: " + longitude);
}

function errorHandler(err) {
  if(err.code == 1) {
    alert("Error: Access is denied!");
  }else if( err.code == 2) {
    alert("Error: Position is unavailable!");
  }
}
function getLocationUpdate(){

   if(navigator.geolocation){
      // timeout at 60000 milliseconds (60 seconds)
      var options = {timeout:60000};
      geoLoc = navigator.geolocation;
      watchID = geoLoc.watchPosition(showLocation, 
                                     errorHandler,
                                     options);
   }else{
      alert("Sorry, browser does not support geolocation!");
   }
}
function stopWatch(){
   geoLoc.clearWatch(watchID);
}
</script>
</head>
<html>
<body>
   <form>
     <input type="button" onclick="getLocationUpdate();"  
                             value="Watch Update"/>
     <input type="button" onclick="stopWatch();"  
                             value="Stop Watch"/>
   </form>
</body>
</html>

Nó sẽ cho kết quả sau:

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học HTML5 phổ biến khác tại vietjack.com: