javascript-JavaScript,进度条显示函数执行过程进度

问题描述

JavaScript,进度条显示函数执行过程进度

JavaScript,点击某个按钮开始执行函数,如何同时显示一个简单进度条?从而显示函数执行过程进度?

解决方案

如果是for循环这种基本ui是假死清空下,无法更新dom的进度的。如果是ajax,可以使用xmlhttpRequest level2的新特性onprogress,不过低版本呢ie不支持

ajax看这个:http://www.ruanyifeng.com/blog/2012/09/xmlhttprequest_level_2.html

解决方案二:

任何情况下,用任何语言,进度都必须你自己估算,比如说你的操作有1000个循环,你可以每10次更新一下,让进度条+1
进度条最简单的可以用两个带有颜色的div模拟,内侧div的宽度和外侧的百分比就是进度。也可以用现成的组件。
google js进度条 可以找到很多。

时间: 2024-09-29 12:39:44

javascript-JavaScript,进度条显示函数执行过程进度的相关文章

Jquery和BigFileUpload实现大文件上传及进度条显示_jquery

实现方法:用到了高山来客 的bigfileupload组件,用高山来客的方法,弹出一个模式窗口,然后不停刷新获取进度,始终觉得体验感不好,于是想到用jquery来实现无刷新进度显示,因为提交页面后, 不能让其刷新页面,而是要不断地通过ajax获取progress.aspx返回的进度信息,所以用到了jquery.form的ajaxform提交.ajaxform提交后如果执行提交后的事件,比如在数据库里插入记录,还在调试中. 1.用到了jquery 的 progressbar .form.MultF

Qt flash_eraseall nandwrite 进度条显示擦除、烧录

/***************************************************************************** * Qt flash_eraseall nandwrite 进度条显示擦除.烧录 * 声明: * 当我们在 Linux shell中执行nand擦除.烧入程序时,我们可以通过终端查看 * 过程,但是有时候我们可能希望能够有个界面,这样会更直观的提供当前的程序 * 的执行状态,于是个人写了这个Demo,目前暂时使用. * * 2015-10-

求通过进度条显示执行时间进度的方法?

问题描述 我通过C#写了一个程序,其中有通过查询数据库返回DATASET绑定DATAGRID的方法,但数据量很大,每次点击按钮执行都要等很久,能否通过进度条控件来显示程序执行的进度呢?具体应该如何实现? 解决方案 解决方案二:要显示进度就只能逐条读取.读到一个dataTable里,读的过程显示进度,读取完成后再显示数据到dataGrid.解决方案三:能不能计算整个读取数据库的方法从执行到结束需要多少时间从而设置进度呢?解决方案四:读取数据如果用dataset,基本上不能.要么用dataread,

winform-C# Winform 用进度条显示一个命令行命令的进度

问题描述 C# Winform 用进度条显示一个命令行命令的进度 如题,我想用7z.exe来解压ISO镜像文件,因为时间可能会比较长,所以需要一个进度条来显示一下,7z.exe在执行的时候会有一个不断刷新的百分比,(如图). 所以有兄弟知道怎么做这个命令行么?那个不断刷新的百分比应该有点用吧... 解决方案 用Console.Write((char)8); 可以输出退格.这样就可以不断刷新了. 解决方案二: 可以,参考:http://blog.csdn.net/hcj116/article/de

图片-安卓利用progress实现如下图的进度条显示

问题描述 安卓利用progress实现如下图的进度条显示 seekbar就不需要了 解决方案 下载进度的提示时,其中只有数字会变,背景只弄个背景图片就够了, 并不需要重写个view.监听seekbar的进度,执行平移动画,同时更新进度值就行了. 解决方案二: 最简单的方法是自己写个view,最重要的地方在onMeasure和onDraw. 在onDraw里画一条椭圆线和一个椭圆图,三角形再加一行字.然后通过Activity或者fragment里传递数据给这个view,再这个view根据这个值重绘

投票结果的图片进度条显示

投票|显示 一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果.以下是我的方法,请大家不吝赐教: 1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px. 2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置. 3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果(小数),再定义

ASP.NET技巧:投票结果的图片进度条显示

asp.net|技巧|投票|显示 一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果.以下是我的方法,请大家不吝赐教: 1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px. 2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置. 3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数

ASP.NET实现投票结果的图片进度条显示

asp.net|投票|显示 一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果.以下是我的方法,请大家不吝赐教: 1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px. 2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置. 3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果

ASP.NET实现投票结果的图片进度条显示代码

asp.net|投票|显示 一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果.以下是我的方法,请大家不吝赐教: 1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px. 2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的图片的位置. 3:用一个dataReader对象dr保存取出的各项票数,用一个int 型变量sum保存取出的总票数,各项分别再定义一个double型变量用来保存单项票数除以(/)总票数的结果