javascript实现简单的进度条【javascript】

web前端|js教程

javascript,进度条

web前端-js教程

示例一：

网页调用qq音乐播放器源码,ubuntu查看git信息,python爬虫答辩提问,php编码方式不正确怎么办,seo域名推广lzw

var t;function s(c){ if(c<=100) { val.style.width=c+"%"; percent.innerHTML=c+"%"; btn.disabled=true; btnp.disabled=false; c=c+10; t=setTimeout("s("+c+")",500); } else { clearTimeout(t); btnc.disabled=false; btnp.disabled=true; return; }}function c(){ clearTimeout(t); val.style.width="0px"; percent.innerHTML="0%"; btn.disabled=false; btnc.disabled=true; btnp.disabled=true; btnp.value=Pause;}function p(){ var temp; if(Pause == btnp.value) { clearTimeout(t); btnp.value=Go on; btnc.disabled=false; } else { temp=val.style.width; btnp.value=Pause; var k=parseInt(delEnd(temp)); s(k); btnc.disabled=true; } }function delEnd(str){ var temp=""; for(var i=0; i < str.length-1; i++) { temp=temp+str[i]; } return temp;}

0%

再来分享一个结合.net的

送女友的电子相册源码,ubuntu安装找不到,爬虫app免费下载,php sprinf,乌鲁木齐seo名录lzw

建立一个WEB工程，添加新项->HTML页面，命名为ProgressBar.htm，内容如下：

电子商务作品源码,米机安装ubuntu,大良爬虫喂食视频,php计算圆柱体积表面积,谷歌免费seolzw

function SetPorgressBar(pos) {//设置进度条居中var screenHeight = window["mainWindow"].offsetHeight;var screenWidth = window["mainWindow"].offsetWidth;ProgressBarSide.style.width = Math.round(screenWidth / 2);ProgressBarSide.style.left = Math.round(screenWidth / 4);ProgressBarSide.style.top = Math.round(screenHeight / 2);ProgressBarSide.style.height = "21px";ProgressBarSide.style.display = ""; //设置进度条百分比 ProgressBar.style.width = pos + "%";ProgressText.innerHTML = pos + "%"; } //完成后隐藏进度条 function SetCompleted() {ProgressBarSide.style.display = "none"; }

后台代码，Default.aspx.cs：

using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Threading;using System.IO;public partial class _Default : System.Web.UI.Page { private void beginProgress() { //根据ProgressBar.htm显示进度条界面 string templateFileName = bine(Server.MapPath("."), "ProgressBar.htm"); StreamReader reader = new StreamReader(@templateFileName,System.Text.Encoding.GetEncoding("GB2312")); string html = reader.ReadToEnd(); reader.Close(); Response.Write(html); Response.Flush(); } private void setProgress(int percent) { string jsBlock = "SetPorgressBar(\" + percent.ToString() + "); "; Response.Write(jsBlock); Response.Flush(); } private void finishProgress() { string jsBlock = "SetCompleted();"; Response.Write(jsBlock); Response.Flush(); } private void Page_Load(object sender, System.EventArgs e) { beginProgress(); for (int i = 1; i <= 100; i++) {setProgress(i);//此处用线程休眠代替实际的操作，如加载数据等System.Threading.Thread.Sleep(50); } finishProgress(); } }