Js中如何设置进度条满后自动跳转?
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Js中如何设置进度条满后自动跳转?相关的知识，希望对你有一定的参考价值。
一个max为100的进度条(在div1中)，如何设置当进度条读满的时候自动隐藏div1，显示div2？(点击按钮的实现方法我已经实现，但是不知道怎么自动更改)，还有就是如果div2中也有一个进度条，如何设置跳转至div2后进度条自动开始前进？求例子，50分送上。。。
<!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;
.div1width:0;height:30px;background:#da251a;
.div2width: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研究不是太深。
。。但是我还要添加其他东西。。如果用JQ我以后无法添加了。。根本看不懂写了点啥。。。。
追答哦，这样啊，jq的话学起来很快的，你可以研究下；
参考技术A 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL) 参考技术B <progress value="22" max="100"></progress>
在 JavaScript 中：
使用 addEventListener()：
audio|video.addEventListener("progress", function()
//SomeJavaScriptCode
);
多看API 参考技术C 用setInterval监听就好了
js怎么实现像淘宝登陆账自动跳转到登陆前的页面
在跳入登录页时，带一个参数 refUrl，值就是登录前的那个页面地址。在登录成功后，从这个参数中取值再跳转过去。注意一下这个参数值得校验，淘宝就曾忽略了这个校验，被用来钓鱼了。 参考技术A 你去何塘仑坛找高1人3咨询一下
以上是关于Js中如何设置进度条满后自动跳转?的主要内容，如果未能解决你的问题，请参考以下文章