html进度条怎么写( 二 )


<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT>
var i;
function longtime()
{
i=0;
b1.style.cursor="wait";
b1.disabled=true;
timedIterations();
}
function timedIterations()
{
if (i<=140)
{
d1.innerText="正在装载 。。。"+Math.round(i/1.4)+"%";
d2.style.width=i;
// following statements represents a calculation that takes some time
var j=0;
while (j<=10000)
j++;
setTimeout("timedIterations();", 1);
i++;
}
else
{
b1.style.cursor="";
b1.disabled=false;
}
}
</SCRIPT>
</HEAD>
<BODY id=b1 onl oad="longtime();" leftmargin=250 topmargin=200>
<DIV id="d1">;正在装载 。..</DIV>
<DIV id="d2" style="background-color:#1b3679"></DIV>
</BODY>
</HTML>
4.用javascript写的进度条,怎么获取进度条的值,按百分比显示出来s[0].style.width = 100 - r / i * 100 + "%";该代码不就是设置进度条的么
如果你能更改页面 你在标签中这样写:
(资料完整度
)然后在你的js中
s[0].style.width = 100 - r / i * 100 + "%";的下面 写上:
document.getelementbyid("wz_jd").innerhtml = 100 - r / i * 100 + "%";不就ok了么
注意:你的js中哪儿有那行代码 就在那行下面 追加
如果不能更改页面就在那行代码下面 这样写:
document.getelementsbytagname("h5")[0].innerhtml = "(资料完整度"+ (100 - r / i * 100) + "%)";里面的0 表示是第1个h5标签 如果你有多个 自己进行更改
5.这个html网页跳转带有进度条的跳转代码怎么做可以用html5实现,也可以做成gif的图片,你只需要设置为和你程序设置一样的时间然后进度条自动结束就好了 。
用图片是最好实现,用ps软件就可以制作 。这个的实现,有很多中方法,简单的,是使用 DIV 嵌套,例如:100px 代表 100 分,64px 代表实际的得分该进度条是100毫秒,+ 1% ,10秒钟后,跳转页面!要改时间的话!改100就好了 。
【html进度条怎么写】

html进度条怎么写

文章插图