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服务器实现多session并发运行
Oct 09 PHP
Apache 配置详解(最好的APACHE配置教程)
Jul 04 PHP
php获取QQ头像并显示的方法
Dec 23 PHP
php模拟用户自动在qq空间发表文章的方法
Jan 07 PHP
php隐藏实际地址的文件下载方法
Apr 18 PHP
PHP实现上一篇下一篇的方法实例总结
Sep 22 PHP
php删除txt文件指定行及按行读取txt文档数据的方法
Jan 30 PHP
php获取linux命令结果的实例
Mar 13 PHP
老生常谈PHP面向对象之命令模式(必看篇)
May 24 PHP
thinkphp5框架路由原理与用法详解
Feb 11 PHP
PHP实现本地图片转base64格式并上传
May 29 PHP
PHP7新增函数
Mar 09 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
基于php验证码函数的使用示例
2013/05/03 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
自己的js工具 Event封装
2009/08/21 Javascript
location.search在客户端获取Url参数的方法
2010/06/08 Javascript
Js 正则表达式知识汇总
2014/12/02 Javascript
JQuery限制复选框checkbox可选中个数的方法
2015/04/20 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
js实现兼容IE、Firefox的图片缩放代码
2015/12/08 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
Sea.JS知识总结
2016/05/05 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
纯javascript版日历控件
2016/11/24 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
js实现小时钟效果
2020/03/25 Javascript
Python3中的2to3转换工具使用示例
2015/06/12 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
pycharm 将python文件打包为exe格式的方法
2019/01/16 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
劳动竞赛活动方案
2014/02/20 职场文书
关于青春的演讲稿800字
2014/08/22 职场文书
质量主管工作职责
2014/09/26 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
初二英语教学反思
2016/02/15 职场文书
委托开发合同书(标准版)
2019/08/07 职场文书