`
wcjy5128
  • 浏览: 16736 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

简易的模拟进度条的JavaScript

阅读更多
[size=medium]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>模拟进度条</title>
<style type="text/css">
	.none {
		border-style:none;
		background-color:#fc3;
	}
</style>
</head>
<body>
	正在载入 请稍后.......
	<form name="loading">
		<input type="text" name="chart" size="40" class="none"><br/>
		<input type="text" name="percent" size="40" class="none">
<script type="text/javascript">
	var bar = 0;
	var line = "|";
	var account = "|";
	count();
	function count() {
		bar += 3;
		account = account + line;
		document.loading.chart.value = account;
		document.loading.percent.value = bar+"%";
		if(bar<98) {
			window.setTimeout("count()",100);
		} else {
			window.location = "http://www.baidu.com";
		}
	}
</script>
	</form>
</body>
</html>
[/size]
0
0
分享到:
评论

相关推荐

    Axure[第三课]进度条简易设计

    总结来说,本教程主要涵盖了使用Axure RP设计进度条的步骤,包括创建基本形状、使用动态面板模拟进度变化、设置交互动作以及绑定变量来显示进度值。通过这些技巧,设计师可以快速创建出具有专业水准的进度条原型,为...

    Android应用源码之带进度条简易浏览器项目.rar

    【Android应用源码之带进度条简易浏览器项目】是一个适合初学者和开发者研究的实践案例,它演示了如何在Android平台上构建一个具有加载进度条功能的简单浏览器应用。通过分析这个项目的源码,我们可以深入理解...

    利用Asp.Net回调机制实现进度条

    它首先禁用请求按钮,使停止按钮可用,并设置一个定时器来每隔一定时间(此处设置为1000毫秒)调用自身,模拟进度条的递进。函数`GetMsgBack(result)`会在服务器端通过回调返回信息后被调用,用来更新进度条的状态。...

    monitor 简易线状动态图

    标题中的“monitor 简易线状动态图”指的是创建一个简单的线性进度条或动态图表,用于在网页上展示某种过程的监控或进度。这种图表通常由HTML、CSS和JavaScript(在这里特指jQuery)技术实现,通过在网页的div元素内...

    ie简易浏览器,webbrows控件学习,网页浏览

    通过这个控件,开发者可以模拟浏览器的行为,如加载URL、执行JavaScript、导航历史管理等。 2. **Visual Studio 2008 (VS2008)**:这是一个集成开发环境(IDE),由微软公司出品,支持多种编程语言,包括C#、VB.NET...

    微信小程序仪表盘组件带刻度进度

    - 通过`transform`属性旋转进度条,模拟指针的效果。 - 设置`stroke-width`来控制刻度线的宽度,`stroke`颜色来改变线条的颜色。 - 添加`text`元素来显示当前的数值或百分比。 2. **动态效果**: - 使用`wx....

    简易版上传图片和预览

    - **CSS和JavaScript polyfill**:虽然无法用polyfill完全模拟File API,但可以通过CSS和JavaScript解决部分兼容问题,如隐藏上传按钮,显示自定义样式等。 4. **安全性考虑**: - **大小限制**:为了避免恶意...

    jQuery实现别踩白块小游戏(简易版)

    **jQuery实现别踩黑块小游戏**,是一种基于网页的简易版游戏,主要利用JavaScript和jQuery库来构建。这个游戏的核心玩法是玩家需要在黑色方块出现时迅速点击,避免触碰到白色方块,以此来测试玩家的反应速度和手眼...

    简易的loader加载动画特效

    4. **圆圈Loader**:最常见的Loader样式之一是环形进度条,可以使用`border-radius`属性创建圆形边框,然后通过改变其内半径来模拟加载过程。另一种方法是使用`svg`图形来绘制圆形路径,并调整其填充程度。 每个...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    程序描述:本章使用Prototype封装的Ajax对象实现上传文件时显示进度条的功能。当上传文件时,客户端同时显示文件上传的进度,从而及时了解文件传送情况。 /test.html 上传文件 /periodcal.jsp 上传文件...

    本人亲自做的VB.net的IE

    在这个项目中,"本人亲自做的VB.net的IE"意味着作者使用VB.NET实现了一个简易的Internet Explorer(IE)浏览器的仿制品,具备基本的浏览网页功能。这个项目对于学习VB.NET编程以及网络应用开发的初学者来说,是一个...

    vue-music-master.zip_location8pj_sentence8s2_vue- music- master_

    Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。在这个名为"vue-music-master"的项目中,开发者使用Vue.js技术以及HTML的特性来创建了一个简易的音乐播放器应用。这个应用具备基本的音乐播放功能,...

    Android5:与Android,Web浏览器一起练习5

    - 考虑使用`WebChromeClient`处理网页加载进度条或其他复杂的JavaScript交互。 以上就是"Android5:与Android,Web浏览器一起练习5"的主要知识点。通过这个项目,开发者不仅可以深入理解Android应用开发,还可以...

    JAVA上百实例源码以及开源项目源代码

    JAVA+JSP的聊天室 8个目标文件 简单 JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很...

Global site tag (gtag.js) - Google Analytics