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 相关文章推荐
利用 window_onload 实现select默认选择
Oct 09 PHP
很实用的一个完整email发送程序
Oct 09 PHP
PHP统计目录下的文件总数及代码行数(去除注释及空行)
Jan 17 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
Jun 18 PHP
解决CodeIgniter伪静态失效
Jun 09 PHP
php+ajax实现无刷新分页的方法
Nov 04 PHP
PHP常用的三种设计模式汇总
Aug 28 PHP
Thinkphp5.0自动生成模块及目录的方法详解
Apr 17 PHP
PHP那些琐碎的知识点(整理)
May 20 PHP
浅谈PHP发送HTTP请求的几种方式
Jul 25 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
Feb 15 PHP
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
Apr 01 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
咖啡界又出新概念,无需咖啡豆的分子咖啡
2021/03/03 咖啡文化
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
List Information About the Binary Files Used by an Application
2007/06/11 Javascript
捕获关闭窗口的脚本
2009/01/10 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
[01:38]【DOTA2亚洲邀请赛】Sumail——梦开始的地方
2017/03/03 DOTA
详解Python编程中time模块的使用
2015/11/20 Python
python用reduce和map把字符串转为数字的方法
2016/12/19 Python
Python requests库用法实例详解
2018/08/14 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
药学专业大学生自荐信
2013/09/28 职场文书
装修五一活动策划案
2014/01/23 职场文书
第一批党的群众路线教育实践活动总结报告
2014/07/03 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
2015年化验员工作总结
2015/04/10 职场文书
丧事主持词
2015/07/02 职场文书
小学运动会加油稿
2015/07/22 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
Java 定时任务技术趋势简介
2022/05/04 Java/Android