使用javascript定期更新文本框

Periodically updating text box using javascript

本文关键字：文本 定期更新 javascript 使用      更新时间：2023-09-26

我有一个getSpeed()方法，它定期计算两个LatLng点之间的速度。此刻我只是打印出的结果控制台，想知道如何将其输出到我的网页上的文本框/提要?

//retrieve information from database
     downloadUrl("Map.php", function(data){
          var xml = data.responseXML;
          var allPoints = Array();
          var markers = xml.documentElement.getElementsByTagName("marker");
          for(var i = 0; i<markers.length; i++){
            var point = new google.maps.LatLng(
                    parseFloat(markers[i].getAttribute("lat")),
                    parseFloat(markers[i].getAttribute("lng")));
                    allPoints[i] = point;
                }
            for(var i = 1; i <allPoints.length; i++){
                var distance = google.maps.geometry.spherical.computeDistanceBetween(
                        allPoints[i], allPoints[i-1]);
                var speed = ((distance/1000)*60);
                        console.log(distance.toFixed(2)+'m at a speed of '+speed.toFixed(2)+'km/h');
                        if(speed < 8){
                            console.log('WARNING: SPEED IS LOW!');
                        }
           }

});
}

我也有一个div定义如下，我希望使用我的文本框…

   <div id="log" style="display: inline-block; margin-top: 100px; border: solid; border-color: black; border-width: 1px; width: 500px; height: 500px;" ></div>

可以这么简单:

document.getElementById('log').innerHTML = distance.toFixed(2) + 
   'm at a speed of ' + speed.toFixed(2) + 'km/h';
if(speed < 8){
  document.getElementById('log').innerHTML += '<br />WARNING: SPEED IS LOW!';

我们通过id查找div，并替换它的内容。

相关文章：