首页纯前端实现定时读取txt文件

纯前端实现定时读取txt文件

时间: 2023-09-09 20:12:13 浏览: 50

可以使用JavaScript中的`setInterval()`函数定时读取txt文件。首先，你需要在HTML中添加一个文本框（`textarea`）用于显示读取到的文本内容。然后，可以使用`XMLHttpRequest`对象读取txt文件内容，并把它显示在文本框中。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>定时读取txt文件</title> </head> <body> <textarea id="txtContent" rows="10" cols="50"></textarea> <script> // 定时读取txt文件 setInterval(function() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'example.txt', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { document.getElementById('txtContent').value = xhr.responseText; } }; xhr.send(); }, 5000); // 每5秒读取一次 </script> </body> </html> ``` 在这个例子中，我们使用`setInterval()`函数每5秒钟执行一次读取txt文件的操作。`XMLHttpRequest`对象用于读取文件内容，并通过`document.getElementById('txtContent').value`将读取到的文本内容显示在文本框中。注意，你需要将`example.txt`替换为你要读取的txt文件的路径。