新:如何显示“处理...”文本几秒钟,并在HTML中显示“数据更新”?

时间:2013-04-09 08:23:26

标签: html

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

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

请帮帮我。

此致 桑迪


HI,

实际上这是下一个问题。我可以用新窗口在页面之间重定向。 但在新窗口中显示“数据更新”页面后。现在,如果我关闭“数据已更新”页面,我想在原始窗口中重定向到原始页面。

请帮助我。

此致 和Sandeep

3 个答案:

答案 0 :(得分: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> 

这不是完整的代码,但可以从中获取。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

实际上这是下一个问题。我可以用新窗口在页面之间重定向。 但在新窗口中显示“数据更新”页面后。现在,如果我关闭“数据已更新”页面,我想在原始窗口中重定向到原始页面。