作者MaxXunYin (MaxXunYin)
看板Ajax
標題[問題]jquery 進度條跑到100%之後 顯示圖片
時間Mon Jun 22 11:31:13 2015
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<link rel="stylesheet"
href="../jquery-ui-themes-1.11.4/themes/sunny/jquery-ui.css"/>
<script src="../jquery-ui-1.11.4/external/jquery/jquery.js"></script>
<script src="../jquery-ui-1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "div
#progressbar" ).progressbar ({
change : function (event)
{
var value = $( "div
#progressbar").progressbar ("value");
$("#percent").html (value + " %");
}
});
var value = 0;
var timer = setInterval (function ()
{
$( "div
#progressbar" ).progressbar ("value", value);
value++;
if (value > 100) clearInterval (timer);
}, 10);
});
</script>
</head>
<body>
<div id="progressbar"></div>
<div id =percent style=text-align:center>0</div>
</body>
</html>
請問一下如果我想要在跑完這個進度條之後
然後在頁面上顯示我想要的圖片
應該加入甚麼語法
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 163.17.133.58
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1434943875.A.ECE.html
1F：→ crossdunk: 有點本末倒置的味道 不知道是不是我多慮了XD 06/22 12:25
2F：→ crossdunk: 另外你的問題 最簡單就是一開始先隱藏圖片 判斷到100% 06/22 12:26
3F：→ crossdunk: 後就把圖片顯示出來 06/22 12:26
4F：→ crossdunk: 或是用JAVASCRIPT去改圖片讓他顯示 06/22 12:26
6F：→ mmis1000: 或是樓上講的，一開始就隱藏，跑完再顯示 06/22 12:33
7F：推 jackiechin: jquery doTimeout, poll every 100ms if condition i 11/01 22:13
8F：→ jackiechin: s true 11/01 22:13