ダイナミックテキスト - 透明でリフレッシュ

Question

私は写真をバックグラウンドとして持つウェブサイトを持っています。私は、定期的にアップロードされるテキストファイルから来る写真の上にテキストを配置したい。これは、必要に応じてプレーンテキストファイルまたはHTMLにすることができます。

テキストはことがあります16:54:28 It's 19.7度で

と私たちはボニーMを演奏している - パパ

クールだから私は、これは、たとえば、30秒ごとにページを更新したいと思います。

外部テキストファイルのテキストをページに挿入するにはどうすればよいですか？このメソッドは、フレームを透明にする方法がないかぎり、写真をバックグラウンドとして残しておく必要があります。

ページ全体を更新せずに動的テキストを更新するにはどうすればよいですか？ www.surf-radio.netで開発中のターゲットサイトがGoDaddyに座っていました。 17:07:28 It's 18.3度で

と私たちはファットバックを演奏している - スペインハッスルを

Answer 1

あなたはリフレッシュにHTML内の単一の要素Javascriptを使用することができます。テキストを作成するには

<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; 

：[ローカルファイルのためのXMLHttpRequest]（https://stackoverflow.comのHow do I load the contents of a text file into a javascript variable?