[問題]jquery 進度條跑到100%之後 顯示圖片

作者: MaxXunYin (MaxXunYin)   2015-06-22 11:31:13
<!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>
請問一下如果我想要在跑完這個進度條之後
然後在頁面上顯示我想要的圖片
應該加入甚麼語法
作者: crossdunk (推噓自如)   2015-06-22 12:25:00
有點本末倒置的味道 不知道是不是我多慮了XD另外你的問題 最簡單就是一開始先隱藏圖片 判斷到100%後就把圖片顯示出來或是用JAVASCRIPT去改圖片讓他顯示
作者: mmis1000 (秋月戀楓)   2015-06-22 12:32:00
http://output.jsbin.com/hisubo 就append阿或是樓上講的,一開始就隱藏,跑完再顯示

Links booklink

Contact Us: admin [ a t ] ucptt.com