html - 新：如何显示“处理中...”文本几秒钟并在 html 中显示“数据更新”？

Question

我正在开发简单的 html 更新页面。

我在一页中有按钮，单击该新窗口应该打开。在新窗口中，我需要显示“处理中...”文本几秒钟并显示文本“数据已更新”新页面。

请帮我。

问候，桑迪

---

你好，

实际上这是问题的下一部分。我可以在带有新窗口的页面之间重定向。但是在新窗口中显示“数据更新”页面后。现在，如果我关闭“数据更新”页面，我希望将原始页面重定向到原始窗口中。

请帮我。

问候，桑迪普

Answer 1

您正在使用哪些技术？基本上你可以使用一些计时器对象，当几秒钟过去后自动将用户重定向到带有文本“数据更新”的新页面

第一页：

<FORM>

<INPUT TYPE="BUTTON" VALUE="Test" onclick="window.open('http://www.test.com/processingPage');" >

</FORM> 

处理页面：

<div id="proccessContent">
Processing...
</div> 
<meta http-equiv="refresh" content="5; url=next_page.html"> 

数据更新页面：

<div id="updateContent">
Data updated
</div> 

这不是完整的代码，但它的一些东西。

Answer 2

在首页上，您只需要一个按钮

<input type="button" value="Next Page" onclick="window.open('nextpage.html');" />

在下一页上，您需要一个 div 和一个 javascript 间隔，如下所示

<div id='urdiv'>Processing... </div>

<script>
var yourdiv = document.getElementById('urdiv');
setInterval(function() { yourdiv.innerHTML = 'Data Updated'; },5000);
</script>

或者如果你想清除间隔（避免重复无用）。然后

<script>
var yourdiv = document.getElementById('urdiv');
var myinterval = setInterval(function() { myFunction(); }, 5000);
function myFunction()
{
    yourdiv.innerHTML = 'Data Updated';
    window.clearInterval(myinterval);
}
</script>

Answer 3

实际上这是问题的下一部分。我可以在带有新窗口的页面之间重定向。但是在新窗口中显示“数据更新”页面后。现在，如果我关闭“数据更新”页面，我希望将原始页面重定向到原始窗口中。