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版(1)
Oct 09 PHP
WML,Apache,和 PHP 的介绍
Oct 09 PHP
基于mysql的论坛(1)
Oct 09 PHP
配置支持SSI
Nov 25 PHP
php结合表单实现一些简单功能的例子
Jun 04 PHP
PHP动态创建Web站点的方法
Aug 14 PHP
PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)
Jul 02 PHP
php中使用PHPExcel读写excel(xls)文件的方法
Sep 15 PHP
php实现网站文件批量压缩下载功能
Oct 28 PHP
php实现Session存储到Redis
Nov 11 PHP
laravel 关联关系遍历数组的例子
Oct 10 PHP
php实现快速对二维数组某一列进行组装的方法小结
Dec 04 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
PHP 判断变量类型实现代码
2009/10/23 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
php阿拉伯数字转中文人民币大写
2015/12/21 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
2020/06/06 jQuery
六个窍门助你提高Python运行效率
2015/06/09 Python
Python Flask-web表单使用详解
2017/11/18 Python
python实现BackPropagation算法
2017/12/14 Python
python3安装pip3(install pip3 for python 3.x)
2018/04/03 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
django富文本编辑器的实现示例
2019/04/10 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
JBL英国官网:JBL UK
2018/07/04 全球购物
环境工程大学生个人的自我评价
2013/10/08 职场文书
毕业生医学检验求职信
2013/10/16 职场文书
生产现场工艺工程师岗位职责
2013/11/28 职场文书
学前班教师的自我鉴定
2013/12/05 职场文书
仓库管理制度
2014/01/21 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
离婚财产处理协议书
2014/09/30 职场文书
大学体育课感想
2015/08/10 职场文书