jquery的定时器setTimeout()与定时循环执行器setInterval()的区别,定时百度地图

 

一、定时循环执行器setInterval("getLoc()",5000);或者setInterval(getLoc,5000);的书写格式都是正确的。

这个方法是每过5秒就会执行getLoc()方法,从而调用ajax去后台访问数据。这里的ajax主要是去后台访问

经纬度的数据,以百度地图坐标的方式显示当前记录的位置。

 $(function(){
        setInterval(getLoc,5000);
    //getLoc();
     });
     function getLoc(){
    $.ajax({
    url: "/service/gps/selectTopGps",
          type : "POST",
          data:{}, 
          success: function(ajaxData) { 
          bm.clearOverlays();
          lat=ajaxData[0].latitude;
             lon=ajaxData[0].longitude;
            // a++;
         // console.log(a); 
          //调用百度地图  
          var x = lon*1/100;
          var y = lat*1/100;
          var ggPoint = new BMap.Point(x,y);
         bm.centerAndZoom(ggPoint, 15);
         bm.addControl(new BMap.NavigationControl());


         //坐标转换完之后的回调函数
         translateCallback = function (data){
           if(data.status === 0) {
             var marker = new BMap.Marker(data.points[0]);
             bm.addOverlay(marker);
             var label = new BMap.Label("您的宝贝在这里",{offset:new BMap.Size(20,-10)});
             marker.setLabel(label); //添加百度label
             bm.setCenter(data.points[0]);
           }
         }


          setTimeout(function(){
             var convertor = new BMap.Convertor();
             var pointArr = [];
             pointArr.push(ggPoint);
             convertor.translate(pointArr, 1, 5, translateCallback)
          }, 1000);
          },
          error:function(){
          console.log("加载GPS信息失败!"); 
          alert("GPS信息加载失败");
          }
    });
     }

 

二、定时器setTimeout("getLoc",5000);或者setTimeout(getLoc,5000);的书写格式都是正确的。

如果把上面的setInterval()方法换成setTimeout()则getLoc()方法只会在5秒后执行一次后不再执行。

  • 2
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明 YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明YOLO高分设计资源源码,详情请查看资源内容中使用说明

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值