Question

我创建了一个代码，将TXT文件中的内容（URL）放入src中。

我试图确保TXT文件中的内容更改后，页面刷新，然后src也更改，但是相反，页面每隔一秒钟就会自动刷新，并且播放器无法播放链接。

只有在替换TXT文件中的内容之后，页面才会刷新。

<video width="500px" height="300px" src="Texttochange"></video>

<script>
    function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", "test.txt", false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                 document.querySelector('video').src = allText;
            }
        }
    }
    rawFile.send(null);
}
    setInterval(readTextFile, 1000);

</script>

此处 test.txt

http://clips.vorwaerts-gmbh.de/VfE_html5.mp4

Answer 1

如果我不理解您的意思，则需要检查src是否有以下更改：

if (allText !== document.querySelector('video').src)

提示：如果已完成请求而不是计时器，则再次调用功能可以防止问题。

function readTextFile()
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", "test.txt", false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                if (allText !== document.querySelector('video').src)
                 document.querySelector('video').src = allText;
            }
            //setInterval(readTextFile, 1000);
            readTextFile();
        }
    }
    rawFile.send(null);
}

尝试查找更改src后如何停止刷新

1 个答案: