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 htmlentities和htmlspecialchars 的区别
Aug 18 PHP
php 字符转义 注意事项
May 27 PHP
Windows PHP5和Apache的安装与配置
Jun 08 PHP
php调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
Aug 08 PHP
php 保留字列表
Oct 04 PHP
简单说说PHP优化那些事(经验分享)
Nov 27 PHP
Zend Studio使用技巧两则
Apr 01 PHP
PHP使用PDO访问oracle数据库的步骤详解
Sep 29 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
May 24 PHP
解决laravel5.4下的group by报错的问题
Oct 16 PHP
PHP实现随机发放扑克牌
Apr 21 PHP
Laravel框架源码解析之模型Model原理与用法解析
May 14 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
dedecms系统常用术语汇总
2007/04/03 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
2014/10/11 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
javascript表单验证和Window详解
2014/12/11 Javascript
jQuery中die()方法用法实例
2015/01/19 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
AngularJS实现星星等级评分功能
2016/09/24 Javascript
利用jQuery对无序列表排序的简单方法
2016/10/16 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
javaScript 逻辑运算符使用技巧整理
2017/05/03 Javascript
浅谈express 中间件机制及实现原理
2017/08/31 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
Python中的tuple元组详细介绍
2015/02/02 Python
python3+PyQt5实现自定义分数滑块部件
2018/04/24 Python
Python实现计算圆周率π的值到任意位的方法示例
2018/05/08 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python自动化UI工具发送QQ消息的实例
2019/08/27 Python
使用OpenCV实现仿射变换—平移功能
2019/08/29 Python
解决django FileFIELD的编码问题
2020/03/30 Python
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
J2EE中常用的名词进行解释
2015/11/09 面试题
工程造价管理专业大专生求职信
2013/10/06 职场文书
先进个人主要事迹范文
2015/11/04 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle