如何在PHP中使用Ajax模擬一個進度條功能-創(chuàng)新互聯(lián)

如何在PHP中使用Ajax模擬一個進度條功能？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

站在用戶的角度思考問題，與客戶深入溝通，找到礦區(qū)網站設計與礦區(qū)網站推廣的解決方案，憑借多年的經驗，讓設計與互聯(lián)網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網站制作、做網站、企業(yè)官網、英文網站、手機端網站、網站推廣、空間域名、網站空間、企業(yè)郵箱。業(yè)務覆蓋礦區(qū)地區(qū)。

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 >
  <div id="pg" ></div>
</div>
<br>
<div id="pgtext" ></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);
?>

二運行結果

如何在PHP中使用Ajax模擬一個進度條功能

看完上述內容，你們掌握如何在PHP中使用Ajax模擬一個進度條功能的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

本文標題：如何在PHP中使用Ajax模擬一個進度條功能-創(chuàng)新互聯(lián)
文章來源：http://jinyejixie.com/article12/dphogc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、微信小程序、網站建設、關鍵詞優(yōu)化、網站制作、用戶體驗

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

如何在PHP中使用Ajax模擬一個進度條功能-創(chuàng)新互聯(lián)