Ajax+PHP实现的模拟进度条功能示例


Posted in PHP onFebruary 11, 2019

本文实例讲述了Ajax+PHP实现的模拟进度条功能。分享给大家供大家参考,具体如下:

一 代码

fun.js:

function progress(){
  setInterval("beginProgress()", 200);
}
function beginProgress(){
  $.get("progress.php", null, function(data){
     $("#pg").css("width", data+"%");
     $("#pgtext").html("The progress is "+data+"%");
  });
}

index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery制作进度条</title>
</head>
<script language="javascript" src="js/jquery-1.3.2.js"></script>
<script language="javascript" src="js/fun.js"></script>
<body>
<div style="width:200px; height:12px; border:1px solid #0000FF">
  <div id="pg" style="width:0%; height:100%;background-color:#0000FF"></div>
</div>
<br>
<div id="pgtext" style="width:100px; height:20px"></div>
<br>
<input type="button" value="开始" onclick="progress()" />
</body>
</html>

progress.php:

<?php
$file = "./count.txt";
$fp = fopen($file, "r");
$txt = fread($fp, filesize($file));
echo $txt;
$fp1 = fopen($file, "w");
if($txt<100){
  $txt++;
  fwrite($fp1, $txt);
}else{
  fwrite($fp1, 1);
}
fclose($fp1);
fclose($fp);
?>

二 运行结果

Ajax+PHP实现的模拟进度条功能示例

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
php中文本操作的类
Mar 17 PHP
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
May 27 PHP
PHP项目开发中最常用的自定义函数整理
Dec 02 PHP
php获取301跳转URL简单实例
Dec 16 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
Nov 18 PHP
PHP生成指定随机字符串的简单实现方法
Apr 01 PHP
php实现的RSS生成类实例
Apr 23 PHP
ZendFramework框架实现连接两个或多个数据库的方法
Dec 08 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
Mar 23 PHP
详细解读php的命名空间(二)
Feb 21 PHP
php解决安全问题的方法实例
Sep 19 PHP
asp.net和php的区别点总结
Oct 10 PHP
Ajax+Jpgraph实现的动态折线图功能示例
Feb 11 #PHP
php防止表单重复提交实例讲解
Feb 11 #PHP
stripos函数知识点实例分享
Feb 11 #PHP
PHP检查URL包含特定字符串实例方法
Feb 11 #PHP
PHP strripos函数用法总结
Feb 11 #PHP
PHP xpath()函数讲解
Feb 11 #PHP
Laravel框架实现超简单的分页效果示例
Feb 08 #PHP
You might like
web方式ftp
2006/10/09 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php准确获取文件MIME类型的方法
2015/06/17 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
PHP实现对图片的反色处理功能【测试可用】
2018/02/01 PHP
用ADODB.Stream转换
2007/01/22 Javascript
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
2017/09/20 jQuery
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
python中正则表达式的使用详解
2014/10/17 Python
python简单猜数游戏实例
2015/07/09 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
python获取txt文件词向量过程详解
2019/07/05 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
英国最大的户外商店:Go Outdoors
2019/04/17 全球购物
保密承诺书
2014/03/27 职场文书
商务日语专业自荐信
2014/04/17 职场文书
12岁生日演讲稿
2014/05/14 职场文书
小学班级口号
2014/06/09 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
2015年科协工作总结
2015/05/19 职场文书
撤诉状格式范本
2015/05/19 职场文书