Js中如何设置进度条满后自动跳转? 50
一个max为100的进度条(在div1中),如何设置当进度条读满的时候自动隐藏div1,显示div2?(点击按钮的实现方法我已经实现,但是不知道怎么自动更改),还有就是如...
一个max为100的进度条(在div1中),如何设置当进度条读满的时候自动隐藏div1,显示div2?(点击按钮的实现方法我已经实现,但是不知道怎么自动更改),还有就是如果div2中也有一个进度条,如何设置跳转至div2后进度条自动开始前进?求例子,50分送上。。。
展开
4个回答
展开全部
<!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=utf-8" />
<title>demo</title>
<style type="text/css">
*{margin:0;padding:0;}
.div1{width:0;height:30px;background:#da251a;}
.div2{width:0;height:30px;background:#ff6600;}
</style>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
setTimeout(demo1,1000)
function demo1(){
$('.div2').css('width','0');
$('.div1').animate({'width':'1000px'},3000,demo2);
}
function demo2(){
$('.div1').css('width','0');
$('.div2').animate({'width':'1000px'},3000,demo1);
}
})
</script>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html>
jQuery库文件自己引入下,不行继续追问。
更多追问追答
追问
额。。用的是jQuery吗?JS行不行。。。我只会用JS,这个没有研究过。。。
追答
js的话貌似也行,但是js的进度条有点难度
jQuery animate是封装好的,我对js研究不是太深。
展开全部
1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<progress value="22" max="100"></progress>
在 JavaScript 中:
使用 addEventListener():
audio|video.addEventListener("progress", function()
{
//SomeJavaScriptCode
}
);
多看API
在 JavaScript 中:
使用 addEventListener():
audio|video.addEventListener("progress", function()
{
//SomeJavaScriptCode
}
);
多看API
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用setInterval监听就好了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询