作者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/cn.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