Question

我有一个以照片为背景的网站。我想将文本放在照片的顶部，该照片来自定期上传的文本文件。如果需要，可以是纯文本文件或HTML。

案文可能是：

在16:54:28 It's 19.7度，我们正在玩Boney M - Daddy Cool

所以我希望每次刷新页面，比方说30秒。

如何将外部文本文件中的文本放到页面上？该方法需要将照片留作背景，因此除非有一种方法使框架透明，否则iframe是不行的。

如何在不刷新整个页面的情况下刷新动态文本？正在开发的目标网站www.surf-radio.net坐在GoDaddy上。

在17:07:28 It's 18.3度，我们正在演奏Fatback乐队 - 西班牙喧嚣

Answer 1

您可以使用Javascript 刷新 HTML中的单个元素：

<p id="transparenttext">Hello World!</p>
<script>document.getElementById("transparenttext").innerHTML = "New text!";</script>

要使文字透明，您可以在CSS文件中输入#transparenttext{opacity: 0.5;}。

将上层JS改为：

document.getElementById("transparenttext").innerHTML = client;