JavaScript进度条设计源码实例 - zjutsoft - ITeye博客

`

zjutsoft

浏览: 455256 次
性别:
来自: 杭州

最近访客更多访客>>

hbzyb

qq528

starlxg

tianya2010ji

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

和尚啊和尚：和尚啊和尚写道这个真的详细
request 获取各种路径
和尚啊和尚：这个真的详细
request 获取各种路径
hujin19861102： ,做目视化看板！学习下先
java 操作 LED DLL 动态链接库 JNaitive
桃花源记：你这服务器结果没有处理啊，不能用的！
搜索提示 Suggest
ihopethatwell：楼主你写的这个除了查询之外关闭了数据库，创建，插入，删除的 ...
android 关系型数据库 SQLiteDatabase的增删改查

JavaScript进度条设计源码实例

博客分类：

java

JavaScript HTML

阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 进度条 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="text/html">
<META NAME="Description" CONTENT="有关windows中进度条的实现">
<style type="text/css">
#out{width:300px;height:20px;background:#EEE;}
#in{width:10px; height:20px;background:#778899;color:white;text-align:center;}
#font_color{background:yellow;text-align:center;color:white;}
</style>
</HEAD>
<BODY onload="start();" >
<div id='out'>
<div id="in" style="width:10%">10%</div>
<div>
<script type="text/javascript">
i=0;
function start()
{
ba=setInterval("begin()",100);//setInterval 返回的是一个全局变量，一个间隔数值.这个数值是表示调用setInterval的次数
}
function begin()
{
i+=1;
if(i<=100)
{
document.getElementById("in").style.width=i+"%";
document.getElementById("in").innerHTML=i+"%";}
else
{
clearInterval(ba);
document.getElementById("out").style.display="none";
document.write("<span style='background:yellow;text-align:center;color:white;'>加载成功</span>");
}
}
</script>
</BODY>
</HTML>

查看图片附件

分享到：

Struts2 入门例子 Struts2.1 权威指南 | 如何遍历 HashMap

2010-05-05 11:32
浏览 941
评论(0)
分类:编程语言
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

《程序天下：JavaScript实例自学手册》光盘源码: 1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结第 2章按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

600个javascript经典实例（内含源码）: 很实用的实例：按钮事件标记表单事件表格特效菜单超链接窗口事件多功能特效进度条特效时间日期鼠标特效数组图像特效文件传输文字特效下拉框验证事件页面事件页面效果在线测试状态栏····...

JAVA上百实例源码以及开源项目源代码: Java非对称加密源码实例 1个目标文件摘要:Java源码,算法相关,非对称加密　Java非对称加密源程序代码实例，本例中使用RSA加密技术，定义加密算法可用 DES,DESede,Blowfish等。　设定字符串为“张三，你好，我是...

javascript完全学习手册1 源码: 8.5.3 进度条控制滚动图片 213 8.5.4 百叶窗效果 216 8.5.5 更改表格间隔背景色 219 第9章 JavaScript中的XML 223 9.1 XML语言 223 9.1.1 XML概述 223 9.1.2 XML文档结构 225 9.1.3 XML标记 226 9.1.4 XML文档元素 ...

javascript完全学习手册2 源码: 8．5．3 进度条控制滚动图片 8．5．4 百叶窗效果 8．5．5 更改表格间隔背景色第9章 JavaScript中的XML 9．1 XML语言 9．1．1 XML概述 9．1．2 XML文档结构 9．1．3 XML标记 9．1．4 XML文档元素 9．1．5 XML属性 ...

JAVA上百实例源码以及开源项目: Java非对称加密源码实例 1个目标文件摘要:Java源码,算法相关,非对称加密　Java非对称加密源程序代码实例，本例中使用RSA加密技术，定义加密算法可用 DES,DESede,Blowfish等。　设定字符串为“张三，你好，我是...

PHP开发实战1200例源码: 实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r（$_ENV） 73 实例042 使用可变变量输出“I Like PHP！” 73 ...

有关Dojo的实例应用源码打包.rar: 有关Dojo的实例应用源码打包，像比较典型的进度条、弹出提示框、输入框提示、动态树控菜单等，另还包括完整的Dojo类库文件，即使你这会用不上这些，下载收藏以备后用，也是不错的选择。源码包内部分实例的运行截图...

JavaScript实现简单动态进度条效果: 本文实例为大家分享了js实现动态进度条效果的具体代码，供大家参考，具体内容如下 1.效果 2.源码 <html> <head> [removed] [removed] = function () { var myProgress = document.getElementById...

直接拿来用的页面跳转进度条JS实现: 本文实例介绍了基于javascript实现的页面跳转进度条，分享给大家供大家参考，具体内容如下效果图：具体代码： <HTML> <HEAD> <TITLE>open代码</TITLE> [removed] <!-- var ie5 = ...

Jcrop_swfupload_asp.net实例: 本实例集Jcrop+swfupload两个强大的jquery功能于一体实现了上传图片自由截图。的asp.net实例，简单好学，是本人项目中的实例，看了网上写的太麻烦，自己写的。 Jcrop是一个jQuery插件，它能为你的WEB...*有进度条。

《Android应用开发揭秘》源码: 　8.5.3 WebView与Javascript 　8.6 WtFi介绍　8.7 蓝牙　8.8 小结　第9章 Android特色开发　9.1 传感器　9.2 语音识别　9.3 GoogleMap 　9.3.1 GoogleMap概述　9.3.2 准备工作　9.3.3 GoogleMapAPI的使用 ...

AJAX 源码范例: 源码结构说明 1.AjaxDemo文件夹下为源文件 2.AjaxDemo.war为部署文件 <br>第20章程序描述：本章将实现上传文件时显示进度条的功能。当上传文件时，客户端同时显示文件上传的进度，从而及时了解...

前端学习案例合集，各种前端小案例实现源码.zip: 前端学习案例介绍：项目中包含了 HTML、CSS、 JavaScript、JQuery、Vue等相关学习案例。有多个文件的案例，放在了code文件夹中。目录 01-B站移动端首页框架仿写 02-Js实现比较两个数大小和清空 03-彩色文字 04-...

android开发揭秘PDF: 8.5.3 WebView与Javascript 8.6 WtFi介绍 8.7 蓝牙 8.8 小结第9章 Android特色开发 9.1 传感器 9.2 语音识别 9.3 GoogleMap 9.3.1 GoogleMap概述 9.3.2 准备工作 9.3.3 GoogleMapAPI的使用 9.3.4 定位系统 9.4 ...

基于H5的easyUpload.js多文件批量上传实例: 支持多文件上传，批量上传，混合上传，以及多实例上传。特性文件类型可配置文件数量可配置文件大小可配置上传前文件可预览展示上传实时进度条批量上传支持不同类型文件混合上传支持自由配置 base64...

超多的Dojo实例应用演示: 内容索引:脚本资源,Ajax/JavaScript,Dojo　超多的Dojo实例应用演示源码，像比较典型的进度条、弹出提示框、输入框提示、动态树控菜单等，另还包括完整的Dojo类库文件，即使你这会用不上这些，下载收藏以备后用，也是...

asp.net知识库: 正式发布表达式计算引擎WfcExp V0.9(附源码) 运算表达式类的原理及其实现 #实现的18位身份证格式验证算法身份证15To18 的算法(C#) 一组正则表达式静态构造函数忽略大小写Replace效率瓶颈IndexOf 随机排列算法 ...

爱革CMS(公司网站) 3.0.rar: 20.可上传超大文件，显示进度条可以不需要任何组件和设置的情况下，上传超大文件，而且显示当前的上传进度。上传文件更加友好，强大。 21.智能清除网页上的无用代码可以清楚页面中的脚本注释，HTML注释和空白，...

Global site tag (gtag.js) - Google Analytics