在网页上显示txt文件,该网页每隔一秒更新一次

时间:2017-01-23 10:12:54

标签: javascript html file text

我在这个网站上搜索了5个多小时,并尝试了每个代码来实现这一点。我在这里找到了一个代码,它从文本文件中提取信息,但它将其显示在一个框中。我试图做的是它在页面内显示而不是在弹出框内,并且每秒更新一次。如果可能,还尝试以水平顺序显示多个.txt文档。任何人都知道如何改变它以便它能正常显示?

目前显示:

what it currently showing

what Im trying to do

感谢任何帮助,非常感谢您的帮助

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script src="jquery.min.js"></script>
</head>

<Body>

<p><center>Current Track: <span id="trackinfo">No track information available at this time</span></p></center>

<script>
function radioTitle() {

var url = 'localhost/text.txt'; 

jQuery.get('http://localhost/text.txt', function(data) {
alert(data);
});

$.ajax({
   type: 'GET',
   url: url,
   dataType: 'text',
   success: function(data) {

   $("#trackinfo").html(data)
},

error: function(e) {
   console.log(e.message);
}
});

}

$(document).ready(function(){

setTimeout(function(){radioTitle();}, 2000);
setInterval(function(){radioTitle();}, 15000);

});

</script>

</body>
</head>
</html>

0 个答案:

没有答案