<script language="javascript" type="text/javascript">
var progressEnd = 16;
var progressColor="blue";
var progressInterval=350;
var progressBegin = 0;
var progressTimer;
function lonkto()
{
//
document.getElementById("frameDiv").style.visibility = "visible";
//
progress_update();
}
function progress_update()
{
progressBegin++;
if(progressBegin>progressEnd)
{
progress_clear(progressTimer);
}
else
{
document.getElementById("progress"+progressBegin).style.backgroundColor= progressColor;
progressTimer = setTimeout("progress_update()",progressInterval);
}
}
function progress_clear()
{
clearTimeout();
document.getElementById("frameDiv").style.visibility = "hidden";
}
</script>
<div>
<input id="btn1" type="button" οnclick="lonkto()" value="連接" />
<div id="frameDiv" class="divbody" >
<br />
<p>正在連接站點,請稍候...</p>
<table style="padding-left:100px;">
<tr>
<td>
<div class="divprogress">
<span id="progress1"> </span>
<span id="progress2"> </span>
<span id="progress3"> </span>
<span id="progress4"> </span>
<span id="progress5"> </span>
<span id="progress6"> </span>
<span id="progress7"> </span>
<span id="progress8"> </span>
<span id="progress9"> </span>
<span id="progress10"> </span>
<span id="progress11"> </span>
<span id="progress12"> </span>
<span id="progress13"> </span>
<span id="progress14"> </span>
<span id="progress15"> </span>
<span id="progress16"> </span>
</div>
</td>
</tr>
</table>
</div>
</div>