ブログスポットで Javascript ウィジェットを使用しています。サーバーからいくつかの「非静的」文字列を取得してページに出力するいくつかの JavaScript を含む div が含まれています。ここまではすべて正常に動作しますが、問題は、ページ全体を更新せずに、特定のウィジェット (div) だけを更新して、文字列を更新するために、この div の実行を数秒ごとに更新したいことです。特定の div を更新しようとする別のスクリプトを追加しましたが、うまくいきませんでした。以下のコードをご覧ください
<div id="info">
<b>Song:</b>
<script type="text/javascript" src="xxxx">
You appear to have javascript turned off.
</script>
<br />
<b>Listeners:</b>
<script type="text/javascript" src="xxxx">
You appear to have javascript turned off.
</script>
<br />
<b>Server Status:</b>
<img src="xxxxx.gif" alt="Stream status" width="17" height="17" align="absmiddle" />
</div>
リフレッシュ用のスクリプト:
<script type="text/javascript">
window.onload = startInterval;
function startInterval()
{
setInterval("startTime();",5000);
}
function startTime()
{
document.getElementById('info').innerHTML = ??? // reload div
}
</script>
さらに、このようなものを使用できますが、このメソッドは特定の div ではなくページ全体をリロードします。
<script>
setInterval(function() {
parent.location.reload(true);
}, 5000);
</script>