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实现ODBC数据分页显示一例
Oct 09 PHP
PHP file_get_contents 函数超时的几种解决方法
Jul 30 PHP
将一维或多维的数组连接成一个字符串的php代码
Aug 08 PHP
PHP安全性漫谈
Jun 28 PHP
php 下载保存文件保存到本地的两种实现方法
Aug 12 PHP
php向js函数传参的几种方法
Aug 10 PHP
基于递归实现的php树形菜单代码
Nov 19 PHP
php读取csc文件并输出
May 21 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
Aug 18 PHP
php实现scws中文分词搜索的方法
Dec 25 PHP
PHP如何将XML转成数组
Apr 04 PHP
PHP实现用户登录的案例代码
May 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
写一个用户在线显示的程序
2006/10/09 PHP
让CodeIgniter的ellipsize()支持中文截断的方法
2014/06/12 PHP
PHP crc32()函数讲解
2019/02/14 PHP
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
javascript验证身份证号
2015/03/03 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
javascript如何写热点图
2015/12/08 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
解决Webpack 热部署检测不到文件变化的问题
2018/02/22 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[29:16]完美世界DOTA2联赛决赛日 Inki vs LBZS 第三场 11.08
2020/11/10 DOTA
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
Python下使用Psyco模块优化运行速度
2015/04/05 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
python爬虫入门教程--HTML文本的解析库BeautifulSoup(四)
2017/05/25 Python
详解Python3的TFTP文件传输
2018/06/26 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
django从后台返回html代码的实例
2020/03/11 Python
Python pip install如何修改默认下载路径
2020/04/29 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
Html5页面二次分享的实现
2018/07/30 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
迪卡侬比利时官网:Decathlon比利时
2019/12/28 全球购物
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
大学毕业生管理学求职信
2014/09/01 职场文书
解决golang在import自己的包报错的问题
2021/04/29 Golang
Mysql官方性能测试工具mysqlslap的使用简介
2021/05/21 MySQL
Python实现的扫码工具居然这么好用!
2021/06/07 Python
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python