根据文本栏中定义的值，将图像链接设置为每 0.5 秒刷新一次

Question

我希望 AAAAAAAAAA、BBBBBBBBBB 和 CCCCCCCCCC 由我放在 文本栏 中的链接定义 chart1、chart2 和 chart3，这样定义它的最佳和最简单的方法是什么？

This project is for learning and I'm doing it through Notepad++, for private use, without the need to save data for future use. Every time I open the HTML, the links I'll put in the bars will be different.

<html>

<head>
<script language="JavaScript"><!--
function refreshIt() {
   if (!document.images) return;
   document.images['Gráfico1'].src = 'AAAAAAAAAA';
   document.images['Gráfico2'].src = 'BBBBBBBBBB';
   document.images['Gráfico3'].src = 'CCCCCCCCCC';
   setTimeout(refreshIt,500); // refresh every 0.5 secs
}
//--></script>
</head>

<body onLoad=" setTimeout(refreshIt,500)">

</body>
<input type="text" id="chart1" name="chart1"><br>
<input type="text" id="chart2" name="chart2"><br>
<input type="text" id="chart3" name="chart3"><br>
<p></p>
<iframe src="XXXXXXXXXX" width="350" height="282"></iframe>
<iframe src="YYYYYYYYYY" width="350" height="282"></iframe>
<iframe src="ZZZZZZZZZZ" width="350" height="282"></iframe>
<p></p>
<img src="AAAAAAAAAA" name="Gráfico1">
<img src="BBBBBBBBBB" name="Gráfico2">
<img src="CCCCCCCCCC" name="Gráfico3">

</html>

根据响应中的语句更新脚本 ()

Answer 1

您没有正确调用 refreshIt。您传递的是字符串而不是函数作为参数。

改为使用：

<html>

<head>
<script language="JavaScript"><!--
function refreshIt() {
   if (!document.images) return;
   document.images['Gráfico1'].src = 'AAAAAAAAAA';
   document.images['Gráfico2'].src = 'BBBBBBBBBB';
   document.images['Gráfico3'].src = 'CCCCCCCCCC';
   setTimeout(refreshIt,500); // refresh every 0.5 secs
}
//--></script>
</head>

<body onLoad=" setTimeout(refreshIt,500)">

</body>
<input type="text" id="chart1" name="chart1"><br>
<input type="text" id="chart2" name="chart2"><br>
<input type="text" id="chart3" name="chart3"><br>
<p></p>
<iframe src="XXXXXXXXXX" width="350" height="282"></iframe>
<iframe src="YYYYYYYYYY" width="350" height="282"></iframe>
<iframe src="ZZZZZZZZZZ" width="350" height="282"></iframe>
<p></p>
<img src="AAAAAAAAAA" name="Gráfico1">
<img src="BBBBBBBBBB" name="Gráfico2">
<img src="CCCCCCCCCC" name="Gráfico3">

</html>

要将源设置为文本栏中的值，请获取输入的 value 属性：

<html>

<head>
<script language="JavaScript"><!--
function refreshIt() {
   if (!document.images) return;
   document.images['Gráfico1'].src = chart1.value;
   document.images['Gráfico2'].src = chart2.value;
   document.images['Gráfico3'].src = chart3.value;
   setTimeout(refreshIt,500); // refresh every 0.5 secs
}
//--></script>
</head>

<body onLoad=" setTimeout(refreshIt,500)">

</body>
<input type="text" id="chart1" name="chart1"><br>
<input type="text" id="chart2" name="chart2"><br>
<input type="text" id="chart3" name="chart3"><br>
<p></p>
<iframe src="XXXXXXXXXX" width="350" height="282"></iframe>
<iframe src="YYYYYYYYYY" width="350" height="282"></iframe>
<iframe src="ZZZZZZZZZZ" width="350" height="282"></iframe>
<p></p>
<img src="AAAAAAAAAA" name="Gráfico1">
<img src="BBBBBBBBBB" name="Gráfico2">
<img src="CCCCCCCCCC" name="Gráfico3">

</html>

根据文本栏中定义的值，将图像链接设置为每 0.5 秒刷新一次

Set image links to be refreshed every 0.5 seconds from the values defined in the text bars

javascript

html

image

src