不使用AJAX的局部刷新问题！

Question

我做了一个页面，如1.jsp，页面的底部有一个图片 1.jpg，如何实现1.jsp在加载到某一步的时候，页面底部的图片换成2.jpg.1.jsp在加载到某一步的意思是： 1.jsp的JS依次判断：已连接读卡器……成功!；正在检测密钥对……成功!；正在创建Hash……成功!等等，由于每次判断后都会sleep几秒，所以，1.jsp页面的加载是一步步的，如何在进行到某一步的时候，把页面底部的图片换掉？？？如果不用局部刷新，而是整个页面刷新的话，JS又得依次判断！！！如何用iframe刷新，因为框架已经生成好了，所以不用AJAX。

Answer 1

图片代码<tr height="195">
     <td colspan="3" align="left">
        <div style="width: 311px; height: 195px; background-image: url('images/people1.gif')">
        </div>
     </td>
</tr>
function signCA(ca_url){
<% if (bank.equals("phone")) {%>
这里是要实现刷新的时候！
document.getElementById("tr_continue_phone").style.display = "";
sleep3("paySucc", ca_url,"<div style='margin: 5px 0 5px 0;'>数据签名已经验证成功，请点击“下一步”继续支付。</div>");
<% } else {%>
document.getElementById("tr_continue_bank").style.display = "";
sleep3("jumpToBank", ca_url,"<div style='margin: 5px 0 5px 0;'>数据签名已经验证成功，请点击“下一步”继续支付。</div>");
<% } %>
}

Answer 2

1.jsp刚加载时候定义变量，下边加入iframe，嵌入2.jsp
2.jsp定时刷新读取1.jsp中定义的变量判断进行到哪一步